Named color · #E8D4D5
Demure
Demure is #E8D4D5: rgb(232 212 213), hsl(357 30% 87%), oklch(0.887 0.022 14.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Demure color name →
#E8D4D5
oklch(0.887 0.022 14.1)
Color conversions
- HEX
- #e8d4d5
- RGB
- rgb(232 212 213)
- HSL
- hsl(357 30% 87%)
- HWB
- hwb(357 83% 9%)
- OKLCH
- oklch(0.887 0.022 14.1)
- OKLab
- oklab(0.887 0.022 0.005)
- CIE Lab
- lab(86.6 7.28 2.15)
- LCH
- lch(86.6 7.59 16.4)
- CMYK
- cmyk(0% 9% 8% 9%)
Tints · Shades · Tones
Tints
- EAD8D9
- EDDDDD
- EFE1E1
- F1E5E6
- F4E9EA
- F6EEEE
- F8F2F2
- FAF6F6
- FDFBFB
Shades
- CAB8B9
- AC9D9E
- 908383
- 74696A
- 595151
- 403A3A
- 292424
- 131010
- 030202
Tones
- DDCBCC
- D2C3C3
- C8BABB
- BDB2B2
- B3A9AA
- A8A1A1
- 9E9899
- 949090
- 8A8888
Color harmonies
Complementary +180°
- E8D4D5
Demure
- CADFDE
≈ Silver Spruce
Analogous -30° +30°
- E8D4D5
Demure
- E5D4DD
≈ Soft Lilac
- E7D5CE
≈ Dawn Pink
Triadic +120° +240°
- E8D4D5
Demure
- D4DDCE
≈ Caribbean Pleasure
- D0DBE8
≈ Blue Silk
Split-complementary +150° +210°
- E8D4D5
Demure
- CDDFD6
≈ Luminous Mist
- CBDDE5
≈ Dartmoor Mist
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.41:1 · APCA Lc 20
Ag
AAAOn black
WCAG 14.80:1 · APCA Lc 83
Best text color: #000000
WCAG 14.80:1 (AAA) · APCA Lc 83
Contrast pairs
Code snippets
CSS
:root {
--demure: #e8d4d5;
--demure-rgb: 232 212 213;
--demure-oklch: oklch(0.887 0.022 14.1);
}
.element {
color: var(--demure);
background-color: hsl(357 30% 87%);
border-color: oklch(0.887 0.022 14.1);
}Tailwind CSS v4
@theme {
--color-demure: #e8d4d5;
--color-demure-50: #fbf3f3;
--color-demure-100: #efe5e5;
--color-demure-200: #ded1d1;
--color-demure-300: #c3b3b3;
--color-demure-400: #ab999a;
--color-demure-500: #948082;
--color-demure-600: #7e6d6e;
--color-demure-700: #645758;
--color-demure-800: #4a3f40;
--color-demure-900: #332c2c;
--color-demure-950: #1f1919;
}SCSS
$demure: #e8d4d5;
$demure-rgb: 232, 212, 213;
$demure-light: mix(#fff, $demure, 20%);
$demure-dark: mix(#000, $demure, 20%);
.element {
color: $demure;
box-shadow: 0 0 0 2px rgba($demure, 0.35);
}