Night Watch Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Night Watch (#3C4F4E), each snapped to its nearest named color.
#3C4F4E
#59354A
#544333
#162825
#89556E
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Night Watch | #3C4F4E | 60, 79, 78 | 177°, 14%, 27% | 24, 0, 1, 69 | |
| Italian Plum | #59354A | 89, 53, 74 | 325°, 25%, 28% | 0, 40, 17, 65 | |
| Old Treasure Chest | #544333 | 84, 67, 51 | 29°, 24%, 26% | 0, 20, 39, 67 | |
| Swamp Thing | #162825 | 22, 40, 37 | 170°, 29%, 12% | 45, 0, 7, 84 | |
| Merlin’s Cloak | #89556E | 137, 85, 110 | 331°, 23%, 44% | 0, 38, 20, 46 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #162825 on #89556E | 2.63:1 | — |
| Aa #3C4F4E on #162825 | 1.77:1 | — |
| Aa #59354A on #89556E | 1.77:1 | — |
| Aa #544333 on #162825 | 1.63:1 | — |
| Aa #544333 on #89556E | 1.61:1 | — |
| Aa #59354A on #162825 | 1.49:1 | — |
CSS variables
:root {
--color-1: #3c4f4e; /* Night Watch */
--color-2: #59354a; /* Italian Plum */
--color-3: #544333; /* Old Treasure Chest */
--color-4: #162825; /* Swamp Thing */
--color-5: #89556e; /* Merlin’s Cloak */
}Other schemes from Night Watch
- Night Watch Complementary Color Scheme#3C4F4E#558F91#553333#251B19#935A59
- Night Watch Analogous Color Scheme#3B593A#395643#3C4F4E#354655#333355
- Night Watch Triadic Color Scheme#3C4F4E#543254#585538#579797#2C1620
- Night Watch Tetradic Color Scheme#3C4F4E#473854#553333#445533#579797
- Night Watch Monochromatic Color Scheme#0F1012#1A2421#3C4F4E#5A7D7A#81A19B
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 Night Watch?
In a split-complementary scheme: Italian Plum (#59354A), Old Treasure Chest (#544333), Swamp Thing (#162825), Merlin’s Cloak (#89556E).
What is the hex code of Night Watch?
#3C4F4E.