Heavy Charcoal Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Heavy Charcoal (#565350), each snapped to its nearest named color.
#565350
#3E6A6B
#3B3F66
#342C21
#579797
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Heavy Charcoal | #565350 | 86, 83, 80 | 30°, 4%, 33% | 0, 3, 7, 66 | |
| Moat | #3E6A6B | 62, 106, 107 | 181°, 27%, 33% | 42, 1, 0, 58 | |
| Raven Night | #3B3F66 | 59, 63, 102 | 234°, 27%, 32% | 42, 38, 0, 60 | |
| Go to Hell Black | #342C21 | 52, 44, 33 | 35°, 22%, 17% | 0, 15, 37, 80 | |
| Peaceful Pond | #579797 | 87, 151, 151 | 180°, 27%, 47% | 42, 0, 0, 41 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #342C21 on #579797 | 4.11:1 | AA large |
| Aa #3B3F66 on #579797 | 3.01:1 | AA large |
| Aa #565350 on #579797 | 2.28:1 | — |
| Aa #3E6A6B on #342C21 | 2.28:1 | — |
| Aa #3E6A6B on #579797 | 1.80:1 | — |
| Aa #565350 on #342C21 | 1.80:1 | — |
CSS variables
:root {
--color-1: #565350; /* Heavy Charcoal */
--color-2: #3e6a6b; /* Moat */
--color-3: #3b3f66; /* Raven Night */
--color-4: #342c21; /* Go to Hell Black */
--color-5: #579797; /* Peaceful Pond */
}Other schemes from Heavy Charcoal
- Heavy Charcoal Complementary Color Scheme#565350#A18162#3D5267#232F36#6586A5
- Heavy Charcoal Analogous Color Scheme#663C55#663F3F#565350#69673A#4D663E
- Heavy Charcoal Triadic Color Scheme#565350#3E6655#4B3F69#A3876A#20392C
- Heavy Charcoal Tetradic Color Scheme#565350#3F663E#3D5267#673B66#A3876A
- Heavy Charcoal Monochromatic Color Scheme#0F0F0F#2E2E2E#565350#7E7A75#A0A09C
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 Heavy Charcoal?
In a split-complementary scheme: Moat (#3E6A6B), Raven Night (#3B3F66), Go to Hell Black (#342C21), Peaceful Pond (#579797).
What is the hex code of Heavy Charcoal?
#565350.