Dark as Night Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Dark as Night (#495252), each snapped to its nearest named color.
#495252
#60394D
#60513A
#193232
#8F5973
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Dark as Night | #495252 | 73, 82, 82 | 180°, 6%, 30% | 11, 0, 0, 68 | |
| Violet Posy | #60394D | 96, 57, 77 | 329°, 25%, 30% | 0, 41, 20, 62 | |
| Longboat | #60513A | 96, 81, 58 | 36°, 25%, 30% | 0, 16, 40, 62 | |
| Dark Pine Green | #193232 | 25, 50, 50 | 180°, 33%, 15% | 50, 0, 0, 80 | |
| Blackberry Tint | #8F5973 | 143, 89, 115 | 331°, 23%, 45% | 0, 38, 20, 44 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #193232 on #8F5973 | 2.49:1 | — |
| Aa #60513A on #193232 | 1.77:1 | — |
| Aa #60394D on #8F5973 | 1.76:1 | — |
| Aa #495252 on #193232 | 1.69:1 | — |
| Aa #495252 on #8F5973 | 1.47:1 | — |
| Aa #60394D on #193232 | 1.42:1 | — |
CSS variables
:root {
--color-1: #495252; /* Dark as Night */
--color-2: #60394d; /* Violet Posy */
--color-3: #60513a; /* Longboat */
--color-4: #193232; /* Dark Pine Green */
--color-5: #8f5973; /* Blackberry Tint */
}Other schemes from Dark as Night
- Dark as Night Complementary Color Scheme#495252#5F9B9C#613936#351E1C#A06165
- Dark as Night Analogous Color Scheme#3E6334#38614C#495252#394D60#3D3D63
- Dark as Night Triadic Color Scheme#495252#653B66#62603E#60A0A3#391531
- Dark as Night Tetradic Color Scheme#495252#4A3C62#613936#4A623B#60A0A3
- Dark as Night Monochromatic Color Scheme#0F0F0F#262A2B#495252#6E797B#97A2A0
More Dark Gray split-complementary palettes
- After Dark Split-complementary Color Scheme#3C3535#2D4436#293947#14100E#4C785C
- After Midnight Split-complementary Color Scheme#38393F#4A352B#434C28#0C121B#775C47
- All Nighter Split-complementary Color Scheme#455454#60394D#604938#193232#8F5973
- Ancient Pine Split-complementary Color Scheme#444B43#473854#59354A#1B2B1B#6A5287
- Armadillo Split-complementary Color Scheme#484A46#33365B#5A395B#21211D#4E518B
- Arsenic Split-complementary Color Scheme#3B444B#553333#515131#181B26#864C52
- Artist’s Charcoal Split-complementary Color Scheme#37393E#4A352B#434C28#0C121B#7B5349
- Bark Split-complementary Color Scheme#5F5854#456F6E#43456D#433120#67A195
- Black Forest Split-complementary Color Scheme#5E6354#445172#674876#37412A#696BA0
- Black Magic Split-complementary Color Scheme#4F4554#576238#336644#2E183B#898E58
- Black Olive Split-complementary Color Scheme#3B3C36#2B3448#382B46#16160E#475877
- Black Orchid Split-complementary Color Scheme#525463#705446#636F46#2A2B41#A17D61
Questions
What colors go with Dark as Night?
In a split-complementary scheme: Violet Posy (#60394D), Longboat (#60513A), Dark Pine Green (#193232), Blackberry Tint (#8F5973).
What is the hex code of Dark as Night?
#495252.