Moonless Night Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Moonless Night (#3C393D), each snapped to its nearest named color.
#3C393D
#434C28
#2E4E36
#16141C
#6E7C45
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Moonless Night | #3C393D | 60, 57, 61 | 285°, 3%, 23% | 2, 7, 0, 76 | |
| Bronze Tone | #434C28 | 67, 76, 40 | 75°, 31%, 23% | 12, 0, 47, 70 | |
| Moselle Green | #2E4E36 | 46, 78, 54 | 135°, 26%, 24% | 41, 0, 31, 69 | |
| Back in Black | #16141C | 22, 20, 28 | 255°, 17%, 9% | 21, 29, 0, 89 | |
| Quartz Green | #6E7C45 | 110, 124, 69 | 75°, 28%, 38% | 11, 0, 44, 51 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #16141C on #6E7C45 | 4.02:1 | AA large |
| Aa #3C393D on #6E7C45 | 2.51:1 | — |
| Aa #2E4E36 on #6E7C45 | 2.05:1 | — |
| Aa #434C28 on #6E7C45 | 2.01:1 | — |
| Aa #434C28 on #16141C | 2.00:1 | — |
| Aa #2E4E36 on #16141C | 1.96:1 | — |
CSS variables
:root {
--color-1: #3c393d; /* Moonless Night */
--color-2: #434c28; /* Bronze Tone */
--color-3: #2e4e36; /* Moselle Green */
--color-4: #16141c; /* Back in Black */
--color-5: #6e7c45; /* Quartz Green */
}Other schemes from Moonless Night
- Moonless Night Complementary Color Scheme#3C393D#764F82#364C2E#16160E#618A4D
- Moonless Night Analogous Color Scheme#2B3449#382B46#3C393D#532D45#492D35
- Moonless Night Triadic Color Scheme#3C393D#48412B#2B4B40#795088#1B1811
- Moonless Night Tetradic Color Scheme#3C393D#4A352B#364C2E#2D454A#795088
- Moonless Night Monochromatic Color Scheme#0F0F0F#151515#3C393D#635D63#8B818C
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 Moonless Night?
In a split-complementary scheme: Bronze Tone (#434C28), Moselle Green (#2E4E36), Back in Black (#16141C), Quartz Green (#6E7C45).
What is the hex code of Moonless Night?
#3C393D.