Elf Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Elf (#1B8A6B), each snapped to its nearest named color.
#1B8A6B
#871F78
#8B2E19
#18453B
#CC22AA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Elf | #1B8A6B | 27, 138, 107 | 163°, 67%, 32% | 80, 0, 22, 46 | 56.6% 0.107 169 | |
| Noble Plum | #871F78 | 135, 31, 120 | 309°, 63%, 33% | 0, 77, 11, 47 | 44.4% 0.169 335 | |
| Gulab Brown | #8B2E19 | 139, 46, 25 | 11°, 70%, 32% | 0, 67, 82, 45 | 43.7% 0.131 34 | |
| MSU Green | #18453B | 24, 69, 59 | 167°, 48%, 18% | 65, 0, 14, 73 | 35.6% 0.052 176 | |
| Perfectly Purple Place | #CC22AA | 204, 34, 170 | 312°, 71%, 47% | 0, 83, 17, 20 | 58.4% 0.237 338 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #1B8A6B on #18453B | 2.51:1 | — |
| Aa #18453B on #CC22AA | 2.24:1 | — |
| Aa #1B8A6B on #871F78 | 1.96:1 | — |
| Aa #1B8A6B on #8B2E19 | 1.96:1 | — |
| Aa #871F78 on #CC22AA | 1.75:1 | — |
| Aa #8B2E19 on #CC22AA | 1.75:1 | — |
CSS variables
:root {
--color-1: #1b8a6b; /* Elf */
--color-2: #871f78; /* Noble Plum */
--color-3: #8b2e19; /* Gulab Brown */
--color-4: #18453b; /* MSU Green */
--color-5: #cc22aa; /* Perfectly Purple Place */
}Other schemes from Elf
- Elf Complementary Color Scheme#1B8A6B#38C6A1#8C1B3C#520C17#DE3163
- Elf Analogous Color Scheme#328E13#059033#1B8A6B#1B6F81#1C3382
- Elf Triadic Color Scheme#1B8A6B#661188#937016#38C6A1#331144
- Elf Tetradic Color Scheme#1B8A6B#301885#8C1B3C#7A8716#38C6A1
- Elf Monochromatic Color Scheme#0E191C#18453B#1B8A6B#33CC99#55FFAA
More dark green split-complementary color schemes
- 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 Elf?
In a split-complementary scheme: Noble Plum (#871F78), Gulab Brown (#8B2E19), MSU Green (#18453B), Perfectly Purple Place (#CC22AA).
What is the hex code of Elf?
#1B8A6B.