Named color · #EDDBE8
Desert Dawn
Desert Dawn is #EDDBE8: rgb(237 219 232), hsl(317 33% 89%), oklch(0.91 0.026 335.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Desert Dawn color name →
#EDDBE8
oklch(0.91 0.026 335.5)
Color conversions
- HEX
- #eddbe8
- RGB
- rgb(237 219 232)
- HSL
- hsl(317 33% 89%)
- HWB
- hwb(317 86% 7%)
- OKLCH
- oklch(0.91 0.026 335.5)
- OKLab
- oklab(0.91 0.024 -0.011)
- CIE Lab
- lab(89.17 8.06 -4.03)
- LCH
- lch(89.17 9.01 333.4)
- CMYK
- cmyk(0% 8% 2% 7%)
Tints · Shades · Tones
Tints
- EFDFEA
- F1E2ED
- F2E6EF
- F4E9F1
- F6EDF3
- F8F1F6
- FAF4F8
- FBF8FA
- FDFBFD
Shades
- CEBECA
- B0A2AC
- 938790
- 776D74
- 5C5459
- 423C40
- 2A2629
- 141113
- 030203
Tones
- E2D2DD
- D6C8D2
- CBBFC8
- C0B6BD
- B5ACB3
- AAA3A8
- 9F9A9E
- 959194
- 8A898A
Color harmonies
Complementary +180°
- EDDBE8
Desert Dawn
- D4E7DA
≈ Light Green Wash
Analogous -30° +30°
- EDDBE8
Desert Dawn
- E5DDEF
≈ Lingering Lilac
- F2DADF
≈ Fancy Pants
Triadic +120° +240°
- EDDBE8
Desert Dawn
- E6E1CE
≈ Au Natural
- CFE6EC
≈ Northwind
Split-complementary +150° +210°
- EDDBE8
Desert Dawn
- DDE5D2
≈ Frostee
- CFE7E3
≈ Icicle Mint
Tetradic +90° +180° +270°
- EDDBE8
Desert Dawn
- EEDED0
≈ Nearly Peach
- D4E7DA
≈ Light Green Wash
- D4E3F2
≈ Weathered Blue
Contrast & accessibility
Ag
FailOn white
WCAG 1.32:1 · APCA Lc 16
Ag
AAAOn black
WCAG 15.89:1 · APCA Lc 88
Best text color: #000000
WCAG 15.89:1 (AAA) · APCA Lc 88
Contrast pairs
Code snippets
CSS
:root {
--desert-dawn: #eddbe8;
--desert-dawn-rgb: 237 219 232;
--desert-dawn-oklch: oklch(0.91 0.026 335.5);
}
.element {
color: var(--desert-dawn);
background-color: hsl(317 33% 89%);
border-color: oklch(0.91 0.026 335.5);
}Tailwind CSS v4
@theme {
--color-desert-dawn: #eddbe8;
--color-desert-dawn-50: #faf2f8;
--color-desert-dawn-100: #eee5eb;
--color-desert-dawn-200: #dcd0d8;
--color-desert-dawn-300: #c1b3bc;
--color-desert-dawn-400: #a999a4;
--color-desert-dawn-500: #92808d;
--color-desert-dawn-600: #7b6c77;
--color-desert-dawn-700: #63575f;
--color-desert-dawn-800: #483f46;
--color-desert-dawn-900: #322b31;
--color-desert-dawn-950: #1e191d;
}SCSS
$desert-dawn: #eddbe8;
$desert-dawn-rgb: 237, 219, 232;
$desert-dawn-light: mix(#fff, $desert-dawn, 20%);
$desert-dawn-dark: mix(#000, $desert-dawn, 20%);
.element {
color: $desert-dawn;
box-shadow: 0 0 0 2px rgba($desert-dawn, 0.35);
}