Umbra Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Umbra (#211E1F), each snapped to its nearest named color.
#211E1F
#1B2B1B
#162825
#130D0D
#34533D
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Umbra | #211E1F | 33, 30, 31 | 340°, 5%, 12% | 0, 9, 6, 87 | 23.9% 0.005 355 | |
| Kuro Green | #1B2B1B | 27, 43, 27 | 120°, 23%, 14% | 37, 0, 37, 83 | 26.9% 0.036 144 | |
| Swamp Thing | #162825 | 22, 40, 37 | 170°, 29%, 12% | 45, 0, 7, 84 | 26.0% 0.025 183 | |
| Optophobia | #130D0D | 19, 13, 13 | 0°, 19%, 6% | 0, 32, 32, 93 | 16.7% 0.010 18 | |
| Goblin | #34533D | 52, 83, 61 | 137°, 23%, 26% | 37, 0, 27, 67 | 41.1% 0.052 153 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #130D0D on #34533D | 2.25:1 | — |
| Aa #211E1F on #34533D | 1.93:1 | — |
| Aa #162825 on #34533D | 1.80:1 | — |
| Aa #1B2B1B on #34533D | 1.74:1 | — |
| Aa #1B2B1B on #130D0D | 1.29:1 | — |
| Aa #162825 on #130D0D | 1.25:1 | — |
CSS variables
:root {
--color-1: #211e1f; /* Umbra */
--color-2: #1b2b1b; /* Kuro Green */
--color-3: #162825; /* Swamp Thing */
--color-4: #130d0d; /* Optophobia */
--color-5: #34533d; /* Goblin */
}Other schemes from Umbra
- Umbra Complementary Color Scheme#211E1F#643A48#162825#0F1012#3E645B
- Umbra Analogous Color Scheme#201B20#2C1620#211E1F#251B19#2C201A
- Umbra Triadic Color Scheme#211E1F#1B2B1B#181B26#673C4C#12110E
- Umbra Tetradic Color Scheme#211E1F#21211D#162825#181B26#673C4C
- Umbra Monochromatic Color Scheme#0F0F0F#0F0F0F#211E1F#4B4146#70666A
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
- 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
Questions
What colors go with Umbra?
In a split-complementary scheme: Kuro Green (#1B2B1B), Swamp Thing (#162825), Optophobia (#130D0D), Goblin (#34533D).
What is the hex code of Umbra?
#211E1F.