Midnight Sky Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Midnight Sky (#424753), each snapped to its nearest named color.
#424753
#5A4039
#575C3A
#1B2431
#8D6051
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Midnight Sky | #424753 | 66, 71, 83 | 222°, 11%, 29% | 20, 14, 0, 67 | |
| Shaved Chocolate | #5A4039 | 90, 64, 57 | 13°, 22%, 29% | 0, 29, 37, 65 | |
| Base Camp | #575C3A | 87, 92, 58 | 69°, 23%, 29% | 5, 0, 37, 64 | |
| Dark | #1B2431 | 27, 36, 49 | 215°, 29%, 15% | 45, 27, 0, 81 | |
| Upper East Side | #8D6051 | 141, 96, 81 | 15°, 27%, 44% | 0, 32, 43, 45 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #1B2431 on #8D6051 | 2.92:1 | — |
| Aa #575C3A on #1B2431 | 2.23:1 | — |
| Aa #5A4039 on #8D6051 | 1.76:1 | — |
| Aa #424753 on #8D6051 | 1.74:1 | — |
| Aa #424753 on #1B2431 | 1.68:1 | — |
| Aa #5A4039 on #1B2431 | 1.66:1 | — |
CSS variables
:root {
--color-1: #424753; /* Midnight Sky */
--color-2: #5a4039; /* Shaved Chocolate */
--color-3: #575c3a; /* Base Camp */
--color-4: #1b2431; /* Dark */
--color-5: #8d6051; /* Upper East Side */
}Other schemes from Midnight Sky
- Midnight Sky Complementary Color Scheme#424753#5A6E9C#5E5239#35281E#9B8A5F
- Midnight Sky Analogous Color Scheme#355D51#37525F#424753#4B365F#57385E
- Midnight Sky Triadic Color Scheme#424753#5C3944#415B36#5A6E9C#2C1620
- Midnight Sky Tetradic Color Scheme#424753#5D3954#5E5239#3D5D42#5A6E9C
- Midnight Sky Monochromatic Color Scheme#0F1012#222429#424753#666C7E#8990A3
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 Midnight Sky?
In a split-complementary scheme: Shaved Chocolate (#5A4039), Base Camp (#575C3A), Dark (#1B2431), Upper East Side (#8D6051).
What is the hex code of Midnight Sky?
#424753.