Diesel Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Diesel (#322C2B), each snapped to its nearest named color.
#0F0D0D
#0F0D0D
#322C2B
#59504C
#857373
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Black Sheep | #0F0D0D | 15, 13, 13 | 0°, 7%, 5% | 0, 13, 13, 94 | 16.2% 0.003 18 | |
| Black Sheep | #0F0D0D | 15, 13, 13 | 0°, 7%, 5% | 0, 13, 13, 94 | 16.2% 0.003 18 | |
| Diesel | #322C2B | 50, 44, 43 | 9°, 8%, 18% | 0, 12, 14, 80 | 29.9% 0.009 29 | |
| Weathered Brown | #59504C | 89, 80, 76 | 18°, 8%, 32% | 0, 10, 15, 65 | 43.9% 0.014 46 | |
| Roaming Pony | #857373 | 133, 115, 115 | 0°, 7%, 49% | 0, 14, 14, 48 | 57.2% 0.023 18 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0F0D0D on #857373 | 4.33:1 | AA large |
| Aa #0F0D0D on #857373 | 4.33:1 | AA large |
| Aa #322C2B on #857373 | 3.07:1 | AA large |
| Aa #0F0D0D on #59504C | 2.47:1 | — |
| Aa #0F0D0D on #59504C | 2.47:1 | — |
| Aa #59504C on #857373 | 1.75:1 | — |
CSS variables
:root {
--color-1: #0f0d0d; /* Black Sheep */
--color-2: #0f0d0d; /* Black Sheep */
--color-3: #322c2b; /* Diesel */
--color-4: #59504c; /* Weathered Brown */
--color-5: #857373; /* Roaming Pony */
}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 Split-complementary Color Scheme#322C2B#20392C#272A3B#130D0D#416858
- Diesel Tetradic Color Scheme#322C2B#2C3D28#213638#352235#7B5349
More very dark gray monochromatic color schemes
- Anthracite Monochromatic Color Scheme#0F0F0F#0F0F0F#28282D#4A4B57#726F7E
- Aztec Monochromatic Color Scheme#0F1012#0F1012#293432#495D5A#6B8885
- Bitter Liquorice Monochromatic Color Scheme#0F0F0F#0F0F0F#262926#4D504B#72786F
- Carbon Fibre Monochromatic Color Scheme#0F0F0F#0F0F0F#2E2E2E#545454#7C7A7A
- Caviar Monochromatic Color Scheme#0F0F0F#0F0F0F#2B2C30#4F5156#747582
- Dark Charcoal Monochromatic Color Scheme#0F0F0F#0F0F0F#333232#595857#807F7E
- Darth Vader Monochromatic Color Scheme#0F0F0F#0F0F0F#27252A#4F4A52#766D7C
- Dire Wolf Monochromatic Color Scheme#0F0F0F#0F0F0F#282828#4E4F4E#757575
- Graphite Black Monochromatic Color Scheme#0F0F0F#0F0F0F#262A2B#495252#6E797B
- Haiti Monochromatic Color Scheme#0F0F0F#0F0F0F#2C2A35#4E4E63#746C8F
- Holy Crow Monochromatic Color Scheme#0F0F0F#0F0F0F#332F2C#5C544E#857D72
- Ink Black Monochromatic Color Scheme#0F0F0F#0F0F0F#252024#4E434D#746572
Questions
What colors go with Diesel?
In a monochromatic scheme: Black Sheep (#0F0D0D), Black Sheep (#0F0D0D), Weathered Brown (#59504C), Roaming Pony (#857373).
What is the hex code of Diesel?
#322C2B.