Charcoal Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Charcoal (#343837), each snapped to its nearest named color.
#343837
#40243D
#43302E
#0F1012
#784467
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Charcoal | #343837 | 52, 56, 55 | 165°, 4%, 21% | 7, 0, 2, 78 | |
| Profound Mauve | #40243D | 64, 36, 61 | 306°, 28%, 20% | 0, 44, 5, 75 | |
| Old Burgundy | #43302E | 67, 48, 46 | 6°, 19%, 22% | 0, 28, 31, 74 | |
| Ruined Smores | #0F1012 | 15, 16, 18 | 220°, 9%, 6% | 17, 11, 0, 93 | |
| Magician’s Cloak | #784467 | 120, 68, 103 | 320°, 28%, 37% | 0, 43, 14, 53 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0F1012 on #784467 | 2.56:1 | — |
| Aa #40243D on #784467 | 1.83:1 | — |
| Aa #43302E on #784467 | 1.66:1 | — |
| Aa #343837 on #0F1012 | 1.60:1 | — |
| Aa #343837 on #784467 | 1.60:1 | — |
| Aa #43302E on #0F1012 | 1.54:1 | — |
CSS variables
:root {
--color-1: #343837; /* Charcoal */
--color-2: #40243d; /* Profound Mauve */
--color-3: #43302e; /* Old Burgundy */
--color-4: #0f1012; /* Ruined Smores */
--color-5: #784467; /* Magician’s Cloak */
}Other schemes from Charcoal
- Charcoal Complementary Color Scheme#343837#497F73#492A34#130D0D#83515B
- Charcoal Analogous Color Scheme#37412A#264334#343837#283C44#292E44
- Charcoal Triadic Color Scheme#343837#3B2741#423D27#4D8871#0F1012
- Charcoal Tetradic Color Scheme#343837#2F2A41#492A34#3E4826#4D8871
- Charcoal Monochromatic Color Scheme#0F0F0F#0F0F0F#343837#57605A#7B8787
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 Charcoal?
In a split-complementary scheme: Profound Mauve (#40243D), Old Burgundy (#43302E), Ruined Smores (#0F1012), Magician’s Cloak (#784467).
What is the hex code of Charcoal?
#343837.