Dark Sea Green Complementary Color Scheme
Five colors arranged by the complementary rule around Dark Sea Green (#8FBC8F), each snapped to its nearest named color.
#8FBC8F
#C6DCC7
#BF90BB
#9F5F9F
#E7CEE3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Dark Sea Green | #8FBC8F | 143, 188, 143 | 120°, 25%, 65% | 24, 0, 24, 26 | 75.1% 0.080 145 | |
| Misty Afternoon | #C6DCC7 | 198, 220, 199 | 123°, 24%, 82% | 10, 0, 10, 14 | 87.2% 0.037 147 | |
| La la Love | #BF90BB | 191, 144, 187 | 305°, 27%, 66% | 0, 25, 2, 25 | 71.2% 0.081 329 | |
| Heath Spotted Orchid | #9F5F9F | 159, 95, 159 | 300°, 25%, 50% | 0, 40, 0, 38 | 58.0% 0.120 327 | |
| Sweety Pie | #E7CEE3 | 231, 206, 227 | 310°, 34%, 86% | 0, 11, 2, 9 | 87.8% 0.039 331 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C6DCC7 on #9F5F9F | 3.14:1 | AA large |
| Aa #9F5F9F on #E7CEE3 | 3.11:1 | AA large |
| Aa #8FBC8F on #9F5F9F | 2.12:1 | — |
| Aa #C6DCC7 on #BF90BB | 1.83:1 | — |
| Aa #BF90BB on #E7CEE3 | 1.81:1 | — |
| Aa #BF90BB on #9F5F9F | 1.72:1 | — |
CSS variables
:root {
--color-1: #8fbc8f; /* Dark Sea Green */
--color-2: #c6dcc7; /* Misty Afternoon */
--color-3: #bf90bb; /* La la Love */
--color-4: #9f5f9f; /* Heath Spotted Orchid */
--color-5: #e7cee3; /* Sweety Pie */
}Other schemes from Dark Sea Green
- Dark Sea Green Analogous Color Scheme#BDB98F#A5BE8F#8FBC8F#8EBAA6#8EBCBD
- Dark Sea Green Triadic Color Scheme#8FBC8F#9190BA#BC8F8F#D2E3CC#545E97
- Dark Sea Green Split-complementary Color Scheme#8FBC8F#A291BA#BB8DA8#5C9F59#CEBEDA
- Dark Sea Green Tetradic Color Scheme#8FBC8F#91A7BC#BF90BB#BEA58E#D2E3CC
- Dark Sea Green Monochromatic Color Scheme#476E42#5C9F59#8FBC8F#BFD8BF#EFF5F1
More light green complementary color schemes
- A State of Mint Complementary Color Scheme#88FFCC#E6FDF1#FF88BB#FD3F92#FFE5EF
- Basil Smash Complementary Color Scheme#B7E1A1#EDF5E7#DDAAEE#AD66D2#F3E9F7
- Bay Complementary Color Scheme#B3E2D3#ECF7F7#E4B6C4#CB7D96#F7EFEF
- Big Spender Complementary Color Scheme#ACDDAF#EBF8EF#DDAADD#C772C0#F8EEF4
- Bok Choy Complementary Color Scheme#BCCAB3#EBF1E9#C5AECF#9D7BB0#F3F1F3
- Botanist Complementary Color Scheme#9AD28C#D7ECCD#C687D6#A152BD#E7D6ED
- Cabbage Complementary Color Scheme#87D7BE#CEEFE4#DD84A3#CA4F70#F0D6DD
- Camping Grounds Complementary Color Scheme#B4C2A2#E3E8D9#AF9FCA#8A6FA9#E3DFEA
- Celadon Complementary Color Scheme#ACE1AF#EBF8EF#E6A8D7#CC77CC#FCEBFA
- Celadon Porcelain Complementary Color Scheme#7EBEA5#BCDCCD#BD7D94#9F556C#E2C3CF
- Celery Mousse Complementary Color Scheme#C1FD95#F1FDE9#CC99FF#AA55FF#F8EBFC
- Copper Patina Complementary Color Scheme#9DB4A0#C9E2CF#BF90BB#A46A95#E4D4E2
Questions
What colors go with Dark Sea Green?
In a complementary scheme: Misty Afternoon (#C6DCC7), La la Love (#BF90BB), Heath Spotted Orchid (#9F5F9F), Sweety Pie (#E7CEE3).
What is the hex code of Dark Sea Green?
#8FBC8F.