Named color · #C6A1CF
Lilac Lace
Lilac Lace is #C6A1CF: rgb(198 161 207), hsl(288 32% 72%), oklch(0.757 0.076 319.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Purple mean? → · Lilac Lace color name →
#C6A1CF
oklch(0.757 0.076 319.6)
Color conversions
- HEX
- #c6a1cf
- RGB
- rgb(198 161 207)
- HSL
- hsl(288 32% 72%)
- HWB
- hwb(288 63% 19%)
- OKLCH
- oklch(0.757 0.076 319.6)
- OKLab
- oklab(0.757 0.058 -0.049)
- CIE Lab
- lab(70.8 20.13 -18.23)
- LCH
- lch(70.8 27.16 317.8)
- CMYK
- cmyk(4% 22% 0% 19%)
Tints · Shades · Tones
Tints
- CCAAD4
- D1B3D9
- D7BDDE
- DDC6E2
- E3CFE7
- E8D9EC
- EEE2F1
- F4ECF6
- F9F5FA
Shades
- AC8BB4
- 927699
- 7A627F
- 624E67
- 4B3C4F
- 352A38
- 211923
- 0E0910
- 020102
Tones
- BF9EC7
- B89BBF
- B197B7
- AA94AF
- A391A7
- 9C8D9F
- 958A97
- 8E878F
- 878388
Color harmonies
Complementary +180°
- C6A1CF
Lilac Lace
- 97BD8E
≈ Milly Green
Analogous -30° +30°
- C6A1CF
Lilac Lace
- AFA9DE
≈ Maximum Blue Purple
- D69DB7
≈ Sweet Perfume
Triadic +120° +240°
- C6A1CF
Lilac Lace
- CAAB78
≈ Burning Gold
- 72BFC3
≈ Pure Turquoise
Split-complementary +150° +210°
- C6A1CF
Lilac Lace
- B3B57C
≈ Fancy Flirt
- 7EC0A8
≈ Celadon Porcelain
Tetradic +90° +180° +270°
- C6A1CF
Lilac Lace
- D9A285
≈ Yolande
- 97BD8E
≈ Milly Green
- 7CBAD7
≈ Pacific Harbour
Contrast & accessibility
Ag
FailOn white
WCAG 2.23:1 · APCA Lc 44
Ag
AAAOn black
WCAG 9.40:1 · APCA Lc 58
Best text color: #000000
WCAG 9.40:1 (AAA) · APCA Lc 58
Contrast pairs
Code snippets
CSS
:root {
--lilac-lace: #c6a1cf;
--lilac-lace-rgb: 198 161 207;
--lilac-lace-oklch: oklch(0.757 0.076 319.6);
}
.element {
color: var(--lilac-lace);
background-color: hsl(288 32% 72%);
border-color: oklch(0.757 0.076 319.6);
}Tailwind CSS v4
@theme {
--color-lilac-lace: #c6a1cf;
--color-lilac-lace-50: #ffeeff;
--color-lilac-lace-100: #f4e0f8;
--color-lilac-lace-200: #e4cae8;
--color-lilac-lace-300: #caabcf;
--color-lilac-lace-400: #b390bb;
--color-lilac-lace-500: #9d76a6;
--color-lilac-lace-600: #84648c;
--color-lilac-lace-700: #6a5070;
--color-lilac-lace-800: #4d3a54;
--color-lilac-lace-900: #36283a;
--color-lilac-lace-950: #211624;
}SCSS
$lilac-lace: #c6a1cf;
$lilac-lace-rgb: 198, 161, 207;
$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);
}