Vulcan Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Vulcan (#36383C), each snapped to its nearest named color.
#36383C
#4B3029
#48452B
#0C121B
#785246
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Vulcan | #36383C | 54, 56, 60 | 220°, 5%, 22% | 10, 7, 0, 76 | |
| Rojo Marrón | #4B3029 | 75, 48, 41 | 12°, 29%, 23% | 0, 36, 45, 71 | |
| Tin Bitz | #48452B | 72, 69, 43 | 54°, 25%, 23% | 0, 4, 40, 72 | |
| Midnight Edition | #0C121B | 12, 18, 27 | 216°, 38%, 8% | 56, 33, 0, 89 | |
| Roasted | #785246 | 120, 82, 70 | 14°, 26%, 37% | 0, 32, 42, 53 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0C121B on #785246 | 2.77:1 | — |
| Aa #48452B on #0C121B | 1.93:1 | — |
| Aa #4B3029 on #785246 | 1.76:1 | — |
| Aa #36383C on #785246 | 1.73:1 | — |
| Aa #36383C on #0C121B | 1.60:1 | — |
| Aa #4B3029 on #0C121B | 1.57:1 | — |
CSS variables
:root {
--color-1: #36383c; /* Vulcan */
--color-2: #4b3029; /* Rojo Marrón */
--color-3: #48452b; /* Tin Bitz */
--color-4: #0c121b; /* Midnight Edition */
--color-5: #785246; /* Roasted */
}Other schemes from Vulcan
- Vulcan Complementary Color Scheme#36383C#4C5E87#463D2B#161410#867452
- Vulcan Analogous Color Scheme#2E4B3C#274447#36383C#2E2848#382B46
- Vulcan Triadic Color Scheme#36383C#492A34#36482F#516582#1A1110
- Vulcan Tetradic Color Scheme#36383C#443240#463D2B#264334#516582
- Vulcan Monochromatic Color Scheme#0F0F0F#131313#36383C#5A5E61#7D848B
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 Vulcan?
In a split-complementary scheme: Rojo Marrón (#4B3029), Tin Bitz (#48452B), Midnight Edition (#0C121B), Roasted (#785246).
What is the hex code of Vulcan?
#36383C.