Darth Vader Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Darth Vader (#27252A), each snapped to its nearest named color.
#27252A
#2F2E1F
#2F2E1F
#0B0C14
#665A38
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Darth Vader | #27252A | 39, 37, 42 | 264°, 6%, 15% | 7, 12, 0, 84 | |
| Metal Construction Green | #2F2E1F | 47, 46, 31 | 56°, 21%, 15% | 0, 2, 34, 82 | |
| Metal Construction Green | #2F2E1F | 47, 46, 31 | 56°, 21%, 15% | 0, 2, 34, 82 | |
| Midnight Oil | #0B0C14 | 11, 12, 20 | 233°, 29%, 6% | 45, 40, 0, 92 | |
| Beach Casuarina | #665A38 | 102, 90, 56 | 44°, 29%, 31% | 0, 12, 45, 60 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0B0C14 on #665A38 | 2.86:1 | — |
| Aa #27252A on #665A38 | 2.23:1 | — |
| Aa #2F2E1F on #665A38 | 2.01:1 | — |
| Aa #2F2E1F on #665A38 | 2.01:1 | — |
| Aa #2F2E1F on #0B0C14 | 1.42:1 | — |
| Aa #2F2E1F on #0B0C14 | 1.42:1 | — |
CSS variables
:root {
--color-1: #27252a; /* Darth Vader */
--color-2: #2f2e1f; /* Metal Construction Green */
--color-3: #2f2e1f; /* Metal Construction Green */
--color-4: #0b0c14; /* Midnight Oil */
--color-5: #665a38; /* Beach Casuarina */
}Other schemes from Darth Vader
- Darth Vader Complementary Color Scheme#27252A#4D426E#2F2E1F#12110E#5A6E41
- Darth Vader Analogous Color Scheme#1B2632#1F2133#27252A#2E183B#3B1F23
- Darth Vader Triadic Color Scheme#27252A#35281E#1B3427#594670#130D0D
- Darth Vader Tetradic Color Scheme#27252A#3B1F23#2F2E1F#1B322C#594670
- Darth Vader Monochromatic Color Scheme#0F0F0F#0F0F0F#27252A#4F4A52#766D7C
More Very Dark Gray split-complementary palettes
- 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
- Diesel Split-complementary Color Scheme#322C2B#20392C#272A3B#130D0D#416858
- 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 Darth Vader?
In a split-complementary scheme: Metal Construction Green (#2F2E1F), Metal Construction Green (#2F2E1F), Midnight Oil (#0B0C14), Beach Casuarina (#665A38).
What is the hex code of Darth Vader?
#27252A.