Night Shift Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Night Shift (#2A5C6A), each snapped to its nearest named color.
#2A5C6A
#69293B
#67592A
#102C33
#A8415B
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Night Shift | #2A5C6A | 42, 92, 106 | 193°, 43%, 29% | 60, 13, 0, 58 | |
| Siren | #69293B | 105, 41, 59 | 343°, 44%, 29% | 0, 61, 44, 59 | |
| Fir Green | #67592A | 103, 89, 42 | 46°, 42%, 28% | 0, 14, 59, 60 | |
| Black Chasm | #102C33 | 16, 44, 51 | 192°, 52%, 13% | 69, 14, 0, 80 | |
| Speaking of the Devil | #A8415B | 168, 65, 91 | 345°, 44%, 46% | 0, 61, 46, 34 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #102C33 on #A8415B | 2.50:1 | — |
| Aa #67592A on #102C33 | 2.13:1 | — |
| Aa #2A5C6A on #102C33 | 1.98:1 | — |
| Aa #69293B on #A8415B | 1.80:1 | — |
| Aa #69293B on #67592A | 1.53:1 | — |
| Aa #2A5C6A on #69293B | 1.43:1 | — |
CSS variables
:root {
--color-1: #2a5c6a; /* Night Shift */
--color-2: #69293b; /* Siren */
--color-3: #67592a; /* Fir Green */
--color-4: #102c33; /* Black Chasm */
--color-5: #a8415b; /* Speaking of the Devil */
}Other schemes from Night Shift
- Night Shift Complementary Color Scheme#2A5C6A#4598AB#693C2A#351F19#B65D48
- Night Shift Analogous Color Scheme#316738#276757#2A5C6A#313D6C#332266
- Night Shift Triadic Color Scheme#2A5C6A#6B295A#5C6730#4E9AB0#391531
- Night Shift Tetradic Color Scheme#2A5C6A#522A6F#693C2A#326A2B#4E9AB0
- Night Shift Monochromatic Color Scheme#0C121B#102C33#2A5C6A#4090A2#6CB4C3
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 Shift?
In a split-complementary scheme: Siren (#69293B), Fir Green (#67592A), Black Chasm (#102C33), Speaking of the Devil (#A8415B).
What is the hex code of Night Shift?
#2A5C6A.