Diesel Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Diesel (#322C2B), each snapped to its nearest named color.
#322C2B
#20392C
#272A3B
#130D0D
#416858
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Diesel | #322C2B | 50, 44, 43 | 9°, 8%, 18% | 0, 12, 14, 80 | 29.9% 0.009 29 | |
| Palm Green | #20392C | 32, 57, 44 | 149°, 28%, 17% | 44, 0, 23, 78 | 32.0% 0.039 160 | |
| Spinel Stone Black | #272A3B | 39, 42, 59 | 231°, 20%, 19% | 34, 29, 0, 77 | 29.0% 0.031 277 | |
| Optophobia | #130D0D | 19, 13, 13 | 0°, 19%, 6% | 0, 32, 32, 93 | 16.7% 0.010 18 | |
| June Ivy | #416858 | 65, 104, 88 | 155°, 23%, 33% | 38, 0, 15, 59 | 48.3% 0.052 166 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #130D0D on #416858 | 3.07:1 | AA large |
| Aa #272A3B on #416858 | 2.26:1 | — |
| Aa #322C2B on #416858 | 2.19:1 | — |
| Aa #20392C on #416858 | 1.99:1 | — |
| Aa #20392C on #130D0D | 1.54:1 | — |
| Aa #322C2B on #130D0D | 1.40:1 | — |
CSS variables
:root {
--color-1: #322c2b; /* Diesel */
--color-2: #20392c; /* Palm Green */
--color-3: #272a3b; /* Spinel Stone Black */
--color-4: #130d0d; /* Optophobia */
--color-5: #416858; /* June Ivy */
}Other schemes from Diesel
- Diesel Complementary Color Scheme#322C2B#734A45#213638#0F1012#4B7378
- Diesel Analogous Color Scheme#3A243B#372528#322C2B#393121#3F3925
- Diesel Triadic Color Scheme#322C2B#20392C#262335#7B5349#0F0F0F
- Diesel Tetradic Color Scheme#322C2B#2C3D28#213638#352235#7B5349
- Diesel Monochromatic Color Scheme#0F0D0D#0F0D0D#322C2B#59504C#857373
More very dark gray split-complementary color schemes
- Anthracite Split-complementary Color Scheme#28282D#342C21#2E3222#0B0C14#61513D
- Aztec Split-complementary Color Scheme#293432#3C2233#372B25#0F1012#6C445B
- Bitter Liquorice Split-complementary Color Scheme#262926#2E183B#3B1F23#051009#4A3C62
- Carbon Fibre Split-complementary Color Scheme#2E2E2E#20392C#272F38#130D0D#3E6655
- Caviar Split-complementary Color Scheme#2B2C30#3B2820#333322#0B0C14#694D3D
- Dark Charcoal Split-complementary Color Scheme#333232#2B3F36#24313D#130D0D#416858
- Darth Vader Split-complementary Color Scheme#27252A#2F2E1F#2F2E1F#0B0C14#665A38
- Dire Wolf Split-complementary Color Scheme#282828#1B3427#1B2632#130D0D#38614C
- Graphite Black Split-complementary Color Scheme#262A2B#3B1F23#362C1D#0F1012#643B46
- Haiti Split-complementary Color Scheme#2C2A35#3C3523#2C3D28#0B0C14#665E43
- Holy Crow Split-complementary Color Scheme#332F2C#203838#21263A#130D0D#456B67
- Ink Black Split-complementary Color Scheme#252024#1B2B1B#162825#150811#415B36
Questions
What colors go with Diesel?
In a split-complementary scheme: Palm Green (#20392C), Spinel Stone Black (#272A3B), Optophobia (#130D0D), June Ivy (#416858).
What is the hex code of Diesel?
#322C2B.