Sea Green Tetradic Color Scheme
Five colors arranged by the tetradic rule around Sea Green (#2E8B57), each snapped to its nearest named color.
#2E8B57
#2E328F
#873260
#868929
#54C589
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 | |
| Ultramarine Highlight | #2E328F | 46, 50, 143 | 238°, 51%, 37% | 68, 65, 0, 44 | 37.7% 0.151 275 | |
| Boysenberry | #873260 | 135, 50, 96 | 328°, 46%, 36% | 0, 63, 29, 47 | 45.3% 0.127 350 | |
| Buffy Citrine | #868929 | 134, 137, 41 | 62°, 54%, 35% | 2, 0, 70, 46 | 60.9% 0.117 111 | |
| Enamelled Dragon | #54C589 | 84, 197, 137 | 148°, 49%, 55% | 57, 0, 30, 23 | 74.2% 0.136 157 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #2E328F on #54C589 | 4.94:1 | AA |
| Aa #873260 on #54C589 | 3.66:1 | AA large |
| Aa #2E328F on #868929 | 2.86:1 | — |
| Aa #2E8B57 on #2E328F | 2.51:1 | — |
| Aa #873260 on #868929 | 2.12:1 | — |
| Aa #2E8B57 on #54C589 | 1.97:1 | — |
CSS variables
:root {
--color-1: #2e8b57; /* Sea Green */
--color-2: #2e328f; /* Ultramarine Highlight */
--color-3: #873260; /* Boysenberry */
--color-4: #868929; /* Buffy Citrine */
--color-5: #54c589; /* Enamelled Dragon */
}Other schemes from Sea Green
- Sea Green Complementary Color Scheme#2E8B57#54C589#873260#531938#C35B99
- 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 Monochromatic Color Scheme#0F180A#1A4C32#2E8B57#41C379#79D0A7
More dark green tetradic color schemes
- Always Greener Grass Tetradic Color Scheme#11AA00#0065AC#9900AA#AA4400#33FF11
- Amazon Tetradic Color Scheme#387B54#363E7D#753A58#767437#61BA85
- Asian Spice Tetradic Color Scheme#118822#063C89#881177#885818#16F12D
- Asparagus Sultan Tetradic Color Scheme#6A8E22#20887A#442288#92242E#ACD243
- Autumn Crocodile Tetradic Color Scheme#447744#475F77#784674#7A5D46#78AD6D
- Avocado Tetradic Color Scheme#568203#00846D#380282#840014#9BE510
- Bejewelled Tetradic Color Scheme#25A26F#3D34A5#A22452#9AA22B#5ACAA4
- Bergamot Tetradic Color Scheme#95C703#00CC99#3300CC#C40233#C8FD3D
- Beyond the Pines Tetradic Color Scheme#688049#43817A#644982#80474E#9EB37B
- Bimi Green Tetradic Color Scheme#54682B#29685F#3E3267#6A2E36#94B44C
- Bold Irish Tetradic Color Scheme#2A814D#283482#872657#81762B#50C87C
- Botanical Tetradic Color Scheme#4D6E2F#316C69#522A6F#6C322E#7EBA4D
Questions
What colors go with Sea Green?
In a tetradic scheme: Ultramarine Highlight (#2E328F), Boysenberry (#873260), Buffy Citrine (#868929), Enamelled Dragon (#54C589).
What is the hex code of Sea Green?
#2E8B57.