Nearest named color · #CEA4DC
#CEA4DC
Nearest named color: Lilac Lace
#CEA4DC (rgb(206 164 220), hsl(285 44% 75%), oklch(0.775 0.09 317.6)) is closest to the named color Lilac Lace. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#CEA4DC
oklch(0.775 0.09 317.6)
Color conversions
- HEX
- #cea4dc
- RGB
- rgb(206 164 220)
- HSL
- hsl(285 44% 75%)
- HWB
- hwb(285 64% 14%)
- OKLCH
- oklch(0.775 0.09 317.6)
- OKLab
- oklab(0.775 0.067 -0.061)
- CIE Lab
- lab(72.68 23.28 -22.41)
- LCH
- lch(72.68 32.32 316.1)
- CMYK
- cmyk(6% 25% 0% 14%)
Tints · Shades · Tones
Tints
- D3ADE0
- D8B6E3
- DDBFE7
- E2C8EA
- E7D1EE
- ECDAF1
- F0E3F5
- F5EDF8
- FAF6FC
Shades
- B38EBF
- 9879A3
- 7F6488
- 66506E
- 4E3D54
- 382B3C
- 231A26
- 0F0A11
- 020102
Tones
- C6A0D3
- BE9DC9
- B699C0
- AE96B7
- A692AD
- 9F8FA4
- 978B9B
- 8F8792
- 888489
Color harmonies
Complementary +180°
- CEA4DC
Lilac Lace
- 9AC48B
≈ Picnic
Analogous -30° +30°
- CEA4DC
Lilac Lace
- B2ADED
≈ Maximum Blue Purple
- E19FC0
≈ Pink Begonia
Triadic +120° +240°
- CEA4DC
Lilac Lace
- D6AF72
≈ Tarnished Trumpet
- 69C8CA
≈ Petrichor
Split-complementary +150° +210°
- CEA4DC
Lilac Lace
- BCBA75
≈ Liminal Yellow
- 7AC9AA
≈ Aqua Eden
Tetradic +90° +180° +270°
- CEA4DC
Lilac Lace
- E6A484
≈ Peach Nougat
- 9AC48B
≈ Picnic
- 74C2E3
≈ Bright Spark
Contrast & accessibility
Ag
FailOn white
WCAG 2.10:1 · APCA Lc 41
Ag
AAAOn black
WCAG 9.96:1 · APCA Lc 61
Best text color: #000000
WCAG 9.96:1 (AAA) · APCA Lc 61
Contrast pairs
Code snippets
CSS
:root {
--lilac-lace: #cea4dc;
--lilac-lace-rgb: 206 164 220;
--lilac-lace-oklch: oklch(0.775 0.09 317.6);
}
.element {
color: var(--lilac-lace);
background-color: hsl(285 44% 75%);
border-color: oklch(0.775 0.09 317.6);
}Tailwind CSS v4
@theme {
--color-lilac-lace: #cea4dc;
--color-lilac-lace-50: #ffedff;
--color-lilac-lace-100: #f6dffb;
--color-lilac-lace-200: #e6c8ed;
--color-lilac-lace-300: #cca9d5;
--color-lilac-lace-400: #b58ec2;
--color-lilac-lace-500: #9f73ad;
--color-lilac-lace-600: #866192;
--color-lilac-lace-700: #6c4e75;
--color-lilac-lace-800: #4e3858;
--color-lilac-lace-900: #37273d;
--color-lilac-lace-950: #211527;
}SCSS
$lilac-lace: #cea4dc;
$lilac-lace-rgb: 206, 164, 220;
$lilac-lace-light: mix(#fff, $lilac-lace, 20%);
$lilac-lace-dark: mix(#000, $lilac-lace, 20%);
.element {
color: $lilac-lace;
box-shadow: 0 0 0 2px rgba($lilac-lace, 0.35);
}