Woodland Night Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Woodland Night (#475C5D), each snapped to its nearest named color.
#475C5D
#673C4C
#66543E
#213638
#9D5C75
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Woodland Night | #475C5D | 71, 92, 93 | 183°, 13%, 32% | 24, 1, 0, 64 | |
| Crushed Violets | #673C4C | 103, 60, 76 | 338°, 26%, 32% | 0, 42, 26, 60 | |
| Protégé Bronze | #66543E | 102, 84, 62 | 33°, 24%, 32% | 0, 18, 39, 60 | |
| Cruel Sea | #213638 | 33, 54, 56 | 185°, 26%, 17% | 41, 4, 0, 78 | |
| Rose Wine | #9D5C75 | 157, 92, 117 | 337°, 26%, 49% | 0, 41, 25, 38 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #213638 on #9D5C75 | 2.56:1 | — |
| Aa #673C4C on #9D5C75 | 1.81:1 | — |
| Aa #475C5D on #213638 | 1.79:1 | — |
| Aa #66543E on #213638 | 1.76:1 | — |
| Aa #66543E on #9D5C75 | 1.45:1 | — |
| Aa #475C5D on #9D5C75 | 1.43:1 | — |
CSS variables
:root {
--color-1: #475c5d; /* Woodland Night */
--color-2: #673c4c; /* Crushed Violets */
--color-3: #66543e; /* Protégé Bronze */
--color-4: #213638; /* Cruel Sea */
--color-5: #9d5c75; /* Rose Wine */
}Other schemes from Woodland Night
- Woodland Night Complementary Color Scheme#475C5D#629DA6#663F3F#332222#A26766
- Woodland Night Analogous Color Scheme#3C663E#3E6655#475C5D#3B5066#3D3D63
- Woodland Night Triadic Color Scheme#475C5D#643E65#61643F#60A0A3#352235
- Woodland Night Tetradic Color Scheme#475C5D#4B3F69#663F3F#4D663E#60A0A3
- Woodland Night Monochromatic Color Scheme#0F1012#263032#475C5D#698589#90ABA8
More Dark Teal split-complementary palettes
- 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 Woodland Night?
In a split-complementary scheme: Crushed Violets (#673C4C), Protégé Bronze (#66543E), Cruel Sea (#213638), Rose Wine (#9D5C75).
What is the hex code of Woodland Night?
#475C5D.