Emerald Forest Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Emerald Forest (#224347), each snapped to its nearest named color.
#224347
#44232F
#463623
#0F1519
#783F54
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Emerald Forest | #224347 | 34, 67, 71 | 186°, 35%, 21% | 52, 6, 0, 72 | 36.0% 0.039 206 | |
| Castro | #44232F | 68, 35, 47 | 338°, 32%, 20% | 0, 49, 31, 73 | 30.4% 0.053 357 | |
| Clinker | #463623 | 70, 54, 35 | 33°, 33%, 21% | 0, 23, 50, 73 | 34.5% 0.038 71 | |
| Black Is Back | #0F1519 | 15, 21, 25 | 204°, 25%, 8% | 40, 16, 0, 90 | 19.1% 0.012 237 | |
| Red Jade | #783F54 | 120, 63, 84 | 338°, 31%, 36% | 0, 48, 30, 53 | 44.5% 0.083 358 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0F1519 on #783F54 | 2.31:1 | — |
| Aa #44232F on #783F54 | 1.73:1 | — |
| Aa #224347 on #0F1519 | 1.72:1 | — |
| Aa #463623 on #0F1519 | 1.59:1 | — |
| Aa #463623 on #783F54 | 1.46:1 | — |
| Aa #224347 on #783F54 | 1.34:1 | — |
CSS variables
:root {
--color-1: #224347; /* Emerald Forest */
--color-2: #44232f; /* Castro */
--color-3: #463623; /* Clinker */
--color-4: #0f1519; /* Black Is Back */
--color-5: #783f54; /* Red Jade */
}Other schemes from Emerald Forest
- Emerald Forest Complementary Color Scheme#224347#427F85#432722#130D07#8D4942
- Emerald Forest Analogous Color Scheme#2A4F21#234537#224347#263145#222244
- Emerald Forest Triadic Color Scheme#224347#462343#464826#45868B#150811
- Emerald Forest Tetradic Color Scheme#224347#332244#432722#2A4F21#45868B
- Emerald Forest Monochromatic Color Scheme#0F1519#0F1519#224347#38707E#57A3B3
More dark teal split-complementary color schemes
- After the Storm Split-complementary Color Scheme#33616A#6D3445#6A5536#1C3339#9F4D65
- Ahoy! Blue Split-complementary Color Scheme#0082A1#AA0033#AB7100#004455#EE0044
- Aqua Obscura Split-complementary Color Scheme#05696B#66033C#6E3A07#002222#A50B5E
- Arctic Nights Split-complementary Color Scheme#345C61#623745#665134#193232#955264
- Baltic Split-complementary Color Scheme#279D9F#9F2B68#9D652B#166461#C84186
- Beau Vert Split-complementary Color Scheme#0C6064#66033C#6E3A07#041723#AA1155
- Bermuda Split-complementary Color Scheme#1B7D8D#871646#97691E#0B474A#CC2266
- Billiard Split-complementary Color Scheme#00AF9F#AA0066#B64701#016459#FF0099
- Bleu Ciel Split-complementary Color Scheme#007BA1#AA0033#A87900#004058#F2013F
- Blue Fjord Split-complementary Color Scheme#007290#900020#886600#003344#DD0044
- Blue Ocean Split-complementary Color Scheme#009DC4#C40233#C68400#04627A#FF1155
- Blue-Collar Split-complementary Color Scheme#005F7A#770022#7A5901#002233#C40233
Questions
What colors go with Emerald Forest?
In a split-complementary scheme: Castro (#44232F), Clinker (#463623), Black Is Back (#0F1519), Red Jade (#783F54).
What is the hex code of Emerald Forest?
#224347.