Named color · #E2D8D3
Dust Bowl
Dust Bowl is #E2D8D3: rgb(226 216 211), hsl(20 21% 86%), oklch(0.889 0.013 48.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Dust Bowl color name →
#E2D8D3
oklch(0.889 0.013 48.6)
Color conversions
- HEX
- #e2d8d3
- RGB
- rgb(226 216 211)
- HSL
- hsl(20 21% 86%)
- HWB
- hwb(20 83% 11%)
- OKLCH
- oklch(0.889 0.013 48.6)
- OKLab
- oklab(0.889 0.009 0.01)
- CIE Lab
- lab(87.04 2.91 3.76)
- LCH
- lch(87.04 4.75 52.3)
- CMYK
- cmyk(0% 4% 7% 11%)
Tints · Shades · Tones
Tints
- E5DCD7
- E8E0DC
- EBE4E0
- EEE7E4
- F0EBE9
- F3EFED
- F6F3F2
- F9F7F6
- FCFBFB
Shades
- C4BCB7
- A8A09C
- 8C8582
- 716B69
- 575351
- 3E3B3A
- 272524
- 121110
- 030202
Tones
- D8CFCA
- CEC6C2
- C4BDB9
- BAB4B1
- B0ABA9
- A6A2A0
- 9C9A98
- 939190
- 898888
Color harmonies
Complementary +180°
- E2D8D3
Dust Bowl
- D2DCE1
≈ Head in the Clouds
Analogous -30° +30°
- E2D8D3
Dust Bowl
- E3D7D7
≈ Star Magic
- DFD9D1
≈ Simple White
Triadic +120° +240°
- E2D8D3
Dust Bowl
- D3DDD9
≈ Thin Cloud
- DAD9E3
≈ Misty Lavender
Split-complementary +150° +210°
- E2D8D3
Dust Bowl
- D1DDDD
≈ Northbound
- D5DBE3
≈ Aster Petal
Tetradic +90° +180° +270°
- E2D8D3
Dust Bowl
- D6DCD4
≈ Nurture
- D2DCE1
≈ Head in the Clouds
- DED8E0
≈ Pastel Day
Contrast & accessibility
Ag
FailOn white
WCAG 1.40:1 · APCA Lc 19
Ag
AAAOn black
WCAG 14.99:1 · APCA Lc 84
Best text color: #000000
WCAG 14.99:1 (AAA) · APCA Lc 84
Contrast pairs
Code snippets
CSS
:root {
--dust-bowl: #e2d8d3;
--dust-bowl-rgb: 226 216 211;
--dust-bowl-oklch: oklch(0.889 0.013 48.6);
}
.element {
color: var(--dust-bowl);
background-color: hsl(20 21% 86%);
border-color: oklch(0.889 0.013 48.6);
}Tailwind CSS v4
@theme {
--color-dust-bowl: #e2d8d3;
--color-dust-bowl-50: #f8f4f2;
--color-dust-bowl-100: #ece7e4;
--color-dust-bowl-200: #d9d3cf;
--color-dust-bowl-300: #bdb6b1;
--color-dust-bowl-400: #a59c98;
--color-dust-bowl-500: #8e847f;
--color-dust-bowl-600: #78706b;
--color-dust-bowl-700: #605956;
--color-dust-bowl-800: #46413f;
--color-dust-bowl-900: #312d2b;
--color-dust-bowl-950: #1d1a18;
}SCSS
$dust-bowl: #e2d8d3;
$dust-bowl-rgb: 226, 216, 211;
$dust-bowl-light: mix(#fff, $dust-bowl, 20%);
$dust-bowl-dark: mix(#000, $dust-bowl, 20%);
.element {
color: $dust-bowl;
box-shadow: 0 0 0 2px rgba($dust-bowl, 0.35);
}