All Nighter Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around All Nighter (#455454), each snapped to its nearest named color.
#455454
#60394D
#604938
#193232
#8F5973
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| All Nighter | #455454 | 69, 84, 84 | 180°, 10%, 30% | 18, 0, 0, 67 | |
| Violet Posy | #60394D | 96, 57, 77 | 329°, 25%, 30% | 0, 41, 20, 62 | |
| Beauty Spot | #604938 | 96, 73, 56 | 25°, 26%, 30% | 0, 24, 42, 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 #60394D on #8F5973 | 1.76:1 | — |
| Aa #455454 on #193232 | 1.72:1 | — |
| Aa #604938 on #193232 | 1.62:1 | — |
| Aa #604938 on #8F5973 | 1.53:1 | — |
| Aa #455454 on #8F5973 | 1.45:1 | — |
CSS variables
:root {
--color-1: #455454; /* All Nighter */
--color-2: #60394d; /* Violet Posy */
--color-3: #604938; /* Beauty Spot */
--color-4: #193232; /* Dark Pine Green */
--color-5: #8f5973; /* Blackberry Tint */
}Other schemes from All Nighter
- All Nighter Complementary Color Scheme#455454#599C99#613936#351E1C#9D6663
- All Nighter Analogous Color Scheme#3E6334#38614C#455454#394D60#3D3D63
- All Nighter Triadic Color Scheme#455454#653B66#62603E#649C97#391531
- All Nighter Tetradic Color Scheme#455454#4A3C62#613936#4A623B#649C97
- All Nighter Monochromatic Color Scheme#0F1012#232B2B#455454#6A7F7D#8FA2A2
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
- 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
- Black Panther Split-complementary Color Scheme#424242#305144#364251#231712#4D8064
Questions
What colors go with All Nighter?
In a split-complementary scheme: Violet Posy (#60394D), Beauty Spot (#604938), Dark Pine Green (#193232), Blackberry Tint (#8F5973).
What is the hex code of All Nighter?
#455454.