After Midnight Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around After Midnight (#38393F), each snapped to its nearest named color.
#38393F
#4A352B
#434C28
#0C121B
#775C47
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| After Midnight | #38393F | 56, 57, 63 | 231°, 6%, 23% | 11, 10, 0, 75 | |
| Peat Moss | #4A352B | 74, 53, 43 | 19°, 26%, 23% | 0, 28, 42, 71 | |
| Bronze Tone | #434C28 | 67, 76, 40 | 75°, 31%, 23% | 12, 0, 47, 70 | |
| Midnight Edition | #0C121B | 12, 18, 27 | 216°, 38%, 8% | 56, 33, 0, 89 | |
| Mission Brown | #775C47 | 119, 92, 71 | 26°, 25%, 37% | 0, 23, 40, 53 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0C121B on #775C47 | 3.05:1 | AA large |
| Aa #434C28 on #0C121B | 2.06:1 | — |
| Aa #38393F on #775C47 | 1.87:1 | — |
| Aa #4A352B on #775C47 | 1.86:1 | — |
| Aa #4A352B on #0C121B | 1.64:1 | — |
| Aa #38393F on #0C121B | 1.63:1 | — |
CSS variables
:root {
--color-1: #38393f; /* After Midnight */
--color-2: #4a352b; /* Peat Moss */
--color-3: #434c28; /* Bronze Tone */
--color-4: #0c121b; /* Midnight Edition */
--color-5: #775c47; /* Mission Brown */
}Other schemes from After Midnight
- After Midnight Complementary Color Scheme#38393F#545883#48452B#1B1811#898253
- After Midnight Analogous Color Scheme#2E4B44#2D454A#38393F#382B46#452E4A
- After Midnight Triadic Color Scheme#38393F#4A2E32#364C2E#545989#1A1110
- After Midnight Tetradic Color Scheme#38393F#443240#48452B#2E4E36#545989
- After Midnight Monochromatic Color Scheme#0F0F0F#151517#38393F#5A5F68#84838E
More Dark Gray split-complementary palettes
- After Dark Split-complementary Color Scheme#3C3535#2D4436#293947#14100E#4C785C
- 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
- Black Panther Split-complementary Color Scheme#424242#305144#364251#231712#4D8064
Questions
What colors go with After Midnight?
In a split-complementary scheme: Peat Moss (#4A352B), Bronze Tone (#434C28), Midnight Edition (#0C121B), Mission Brown (#775C47).
What is the hex code of After Midnight?
#38393F.