Sea Green Complementary Color Scheme
Five colors arranged by the complementary rule around Sea Green (#2E8B57), each snapped to its nearest named color.
#2E8B57
#54C589
#873260
#531938
#C35B99
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Sea Green | #2E8B57 | 46, 139, 87 | 146°, 50%, 36% | 67, 0, 37, 45 | 56.9% 0.119 155 | |
| Enamelled Dragon | #54C589 | 84, 197, 137 | 148°, 49%, 55% | 57, 0, 30, 23 | 74.2% 0.136 157 | |
| Boysenberry | #873260 | 135, 50, 96 | 328°, 46%, 36% | 0, 63, 29, 47 | 45.3% 0.127 350 | |
| Tulip Poplar Purple | #531938 | 83, 25, 56 | 328°, 54%, 21% | 0, 70, 33, 67 | 31.7% 0.094 351 | |
| Llilacquered | #C35B99 | 195, 91, 153 | 324°, 46%, 56% | 0, 53, 22, 24 | 61.8% 0.151 346 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #54C589 on #531938 | 6.22:1 | AA |
| Aa #54C589 on #873260 | 3.66:1 | AA large |
| Aa #531938 on #C35B99 | 3.37:1 | AA large |
| Aa #2E8B57 on #531938 | 3.16:1 | AA large |
| Aa #873260 on #C35B99 | 1.99:1 | — |
| Aa #2E8B57 on #54C589 | 1.97:1 | — |
CSS variables
:root {
--color-1: #2e8b57; /* Sea Green */
--color-2: #54c589; /* Enamelled Dragon */
--color-3: #873260; /* Boysenberry */
--color-4: #531938; /* Tulip Poplar Purple */
--color-5: #c35b99; /* Llilacquered */
}Other schemes from Sea Green
- Sea Green Analogous Color Scheme#6D8E2C#318F33#2E8B57#2B8C8A#31668A
- Sea Green Triadic Color Scheme#2E8B57#572E89#885533#54C589#32174D
- Sea Green Split-complementary Color Scheme#2E8B57#842994#8A3335#1A4C32#BB44CC
- Sea Green Tetradic Color Scheme#2E8B57#2E328F#873260#868929#54C589
- Sea Green Monochromatic Color Scheme#0F180A#1A4C32#2E8B57#41C379#79D0A7
More dark green complementary color schemes
- Always Greener Grass Complementary Color Scheme#11AA00#21FC0D#9900AA#550055#FF11FF
- Amazon Complementary Color Scheme#387B54#59B587#753A58#442238#B7629B
- Asian Spice Complementary Color Scheme#118822#13DA25#881177#4C022F#FF1DCD
- Asparagus Sultan Complementary Color Scheme#6A8E22#9CD03B#442288#221155#7249D6
- Autumn Crocodile Complementary Color Scheme#447744#72A86A#784674#462343#AF73B0
- Avocado Complementary Color Scheme#568203#89DD01#380282#160435#5D06E9
- Bejewelled Complementary Color Scheme#25A26F#5CCD97#A22452#6F123C#CC5588
- Bergamot Complementary Color Scheme#95C703#C9FF27#3300CC#220077#6A2DED
- Beyond the Pines Complementary Color Scheme#688049#99AF73#644982#3C2F4E#967BB6
- Bimi Green Complementary Color Scheme#54682B#8CA94A#3E3267#1C0F33#654EA3
- Bold Irish Complementary Color Scheme#2A814D#41C379#872657#43182F#C44D97
- Botanical Complementary Color Scheme#4D6E2F#78AE48#522A6F#2E183B#8547B5
Questions
What colors go with Sea Green?
In a complementary scheme: Enamelled Dragon (#54C589), Boysenberry (#873260), Tulip Poplar Purple (#531938), Llilacquered (#C35B99).
What is the hex code of Sea Green?
#2E8B57.