Emerald Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Emerald (#028F1E), each snapped to its nearest named color.
#028F1E
#660088
#880033
#004411
#9400D4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Emerald | #028F1E | 2, 143, 30 | 132°, 97%, 28% | 99, 0, 79, 44 | |
| Peaceful Purple | #660088 | 102, 0, 136 | 285°, 100%, 27% | 25, 100, 0, 47 | |
| Macabre | #880033 | 136, 0, 51 | 338°, 100%, 27% | 0, 100, 63, 47 | |
| Wailing Woods | #004411 | 0, 68, 17 | 135°, 100%, 13% | 100, 0, 75, 73 | |
| Vibrant Violet | #9400D4 | 148, 0, 212 | 282°, 100%, 42% | 30, 100, 0, 17 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #028F1E on #004411 | 2.70:1 | — |
| Aa #028F1E on #660088 | 2.58:1 | — |
| Aa #028F1E on #880033 | 2.36:1 | — |
| Aa #004411 on #9400D4 | 1.75:1 | — |
| Aa #660088 on #9400D4 | 1.67:1 | — |
| Aa #028F1E on #9400D4 | 1.54:1 | — |
CSS variables
:root {
--color-1: #028f1e; /* Emerald */
--color-2: #660088; /* Peaceful Purple */
--color-3: #880033; /* Macabre */
--color-4: #004411; /* Wailing Woods */
--color-5: #9400d4; /* Vibrant Violet */
}Other schemes from Emerald
- Emerald Complementary Color Scheme#028F1E#00EE33#990077#4C022F#F504C9
- Emerald Analogous Color Scheme#728F02#228800#028F1E#038C67#01748E
- Emerald Triadic Color Scheme#028F1E#120A8F#991B07#00EE33#110044
- Emerald Tetradic Color Scheme#028F1E#00308F#990077#886600#00EE33
- Emerald Monochromatic Color Scheme#031602#004411#028F1E#13DA25#2DFE54
More Dark Green split-complementary palettes
- Always Greener Grass Split-complementary Color Scheme#11AA00#5500AA#AA0066#005800#6600FF
- Amazon Split-complementary Color Scheme#387B54#6C3877#7C383D#224634#AA55AA
- Asian Spice Split-complementary Color Scheme#118822#5A1991#820E3B#06470C#9B1DCD
- Asparagus Sultan Split-complementary Color Scheme#6A8E22#253A91#772299#35530A#214FC6
- Autumn Crocodile Split-complementary Color Scheme#447744#5B4276#75495E#264334#9264A2
- Avocado Split-complementary Color Scheme#568203#001188#660088#223300#0022CC
- Bejewelled Split-complementary Color Scheme#25A26F#BB2299#A43323#136843#DF4EC8
- Bergamot Split-complementary Color Scheme#95C703#0033CC#9F00C5#447700#1155FF
- Beyond the Pines Split-complementary Color Scheme#688049#484A80#754A80#434C28#6C70A9
- Bimi Green Split-complementary Color Scheme#54682B#2C3A64#5B3167#223311#445599
- Bold Irish Split-complementary Color Scheme#2A814D#733380#842833#17462E#B13AAD
- Botanical Split-complementary Color Scheme#4D6E2F#292D74#69326E#223311#4A40AD
Questions
What colors go with Emerald?
In a split-complementary scheme: Peaceful Purple (#660088), Macabre (#880033), Wailing Woods (#004411), Vibrant Violet (#9400D4).
What is the hex code of Emerald?
#028F1E.