Named color · #E8DEEA
Lilac Frost
Lilac Frost is #E8DEEA: rgb(232 222 234), hsl(290 22% 89%), oklch(0.912 0.019 320.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Lilac Frost color name →
#E8DEEA
oklch(0.912 0.019 320.6)
Color conversions
- HEX
- #e8deea
- RGB
- rgb(232 222 234)
- HSL
- hsl(290 22% 89%)
- HWB
- hwb(290 87% 8%)
- OKLCH
- oklch(0.912 0.019 320.6)
- OKLab
- oklab(0.912 0.015 -0.012)
- CIE Lab
- lab(89.54 5.11 -4.6)
- LCH
- lch(89.54 6.88 318)
- CMYK
- cmyk(1% 5% 0% 8%)
Tints · Shades · Tones
Tints
- EAE1EC
- EDE5EE
- EFE8F0
- F1EBF2
- F3EEF4
- F6F2F7
- F8F5F9
- FAF8FB
- FDFCFD
Shades
- CAC1CB
- ACA5AE
- 908991
- 746F75
- 59555A
- 403D41
- 292629
- 131213
- 030203
Tones
- DDD4DF
- D2CAD4
- C8C1C9
- BDB7BE
- B3AEB4
- A8A4A9
- 9E9B9F
- 949294
- 8A898A
Color harmonies
Complementary +180°
- E8DEEA
Lilac Frost
- DBE5D9
≈ Mineral White
Analogous -30° +30°
- E8DEEA
Lilac Frost
- E1E0EE
≈ Imagination
- EDDDE3
≈ Wishy-Washy Mauve
Triadic +120° +240°
- E8DEEA
Lilac Frost
- E9E1D4
≈ Dagger Moth
- D4E6E7
≈ Blue Phlox
Split-complementary +150° +210°
- E8DEEA
Lilac Frost
- E2E3D5
≈ Lily of the Valley White
- D6E6E0
≈ Echo
Tetradic +90° +180° +270°
- E8DEEA
Lilac Frost
- EDDFD7
≈ Touchable Pink
- DBE5D9
≈ Mineral White
- D6E5ED
≈ Snow Shadow
Contrast & accessibility
Ag
FailOn white
WCAG 1.30:1 · APCA Lc 15
Ag
AAAOn black
WCAG 16.06:1 · APCA Lc 89
Best text color: #000000
WCAG 16.06:1 (AAA) · APCA Lc 89
Contrast pairs
Code snippets
CSS
:root {
--lilac-frost: #e8deea;
--lilac-frost-rgb: 232 222 234;
--lilac-frost-oklch: oklch(0.912 0.019 320.6);
}
.element {
color: var(--lilac-frost);
background-color: hsl(290 22% 89%);
border-color: oklch(0.912 0.019 320.6);
}Tailwind CSS v4
@theme {
--color-lilac-frost: #e8deea;
--color-lilac-frost-50: #f8f3f8;
--color-lilac-frost-100: #ebe6ec;
--color-lilac-frost-200: #d8d2d9;
--color-lilac-frost-300: #bcb4bd;
--color-lilac-frost-400: #a49ba6;
--color-lilac-frost-500: #8c828e;
--color-lilac-frost-600: #776e78;
--color-lilac-frost-700: #5f5860;
--color-lilac-frost-800: #454047;
--color-lilac-frost-900: #302c31;
--color-lilac-frost-950: #1c191d;
}SCSS
$lilac-frost: #e8deea;
$lilac-frost-rgb: 232, 222, 234;
$lilac-frost-light: mix(#fff, $lilac-frost, 20%);
$lilac-frost-dark: mix(#000, $lilac-frost, 20%);
.element {
color: $lilac-frost;
box-shadow: 0 0 0 2px rgba($lilac-frost, 0.35);
}