Named color · #D6D0D6
Lilac Mauve
Lilac Mauve is #D6D0D6: rgb(214 208 214), hsl(300 7% 83%), oklch(0.864 0.01 325.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Lilac Mauve color name →
#D6D0D6
oklch(0.864 0.01 325.7)
Color conversions
- HEX
- #d6d0d6
- RGB
- rgb(214 208 214)
- HSL
- hsl(300 7% 83%)
- HWB
- hwb(300 82% 16%)
- OKLCH
- oklch(0.864 0.01 325.7)
- OKLab
- oklab(0.864 0.009 -0.006)
- CIE Lab
- lab(84.1 2.94 -2.21)
- LCH
- lch(84.1 3.68 323.1)
- CMYK
- cmyk(0% 3% 0% 16%)
Tints · Shades · Tones
Tints
- DAD5DA
- DED9DE
- E2DEE2
- E6E3E6
- EAE7EA
- EEECEE
- F3F1F3
- F7F5F7
- FBFAFB
Shades
- BAB5BA
- 9E9A9E
- 848084
- 6A676A
- 524F52
- 3B393B
- 252325
- 101010
- 020202
Tones
- CDC8CD
- C4BFC4
- BBB7BB
- B3AFB3
- AAA7AA
- A19FA1
- 999799
- 918F91
- 888888
Color harmonies
Complementary +180°
- D6D0D6
Lilac Mauve
- CED4CE
≈ Salt Glaze
Analogous -30° +30°
- D6D0D6
Lilac Mauve
- D3D1D9
≈ Spooky Ghost
- D8D0D2
≈ Mauve Morning
Triadic +120° +240°
- D6D0D6
Lilac Mauve
- D5D2CB
≈ Campfire Smoke
- CBD4D6
≈ Lullaby
Split-complementary +150° +210°
- D6D0D6
Lilac Mauve
- D2D3CC
≈ Grey Nurse
- CCD5D2
≈ Pacific Mist
Tetradic +90° +180° +270°
- D6D0D6
Lilac Mauve
- D8D1CC
≈ Smoked Oyster
- CED4CE
≈ Salt Glaze
- CCD4D8
≈ Shiny Nickel
Contrast & accessibility
Ag
FailOn white
WCAG 1.51:1 · APCA Lc 24
Ag
AAAOn black
WCAG 13.85:1 · APCA Lc 79
Best text color: #000000
WCAG 13.85:1 (AAA) · APCA Lc 79
Contrast pairs
Code snippets
CSS
:root {
--lilac-mauve: #d6d0d6;
--lilac-mauve-rgb: 214 208 214;
--lilac-mauve-oklch: oklch(0.864 0.01 325.7);
}
.element {
color: var(--lilac-mauve);
background-color: hsl(300 7% 83%);
border-color: oklch(0.864 0.01 325.7);
}Tailwind CSS v4
@theme {
--color-lilac-mauve: #d6d0d6;
--color-lilac-mauve-50: #f7f4f7;
--color-lilac-mauve-100: #eae7ea;
--color-lilac-mauve-200: #d7d3d6;
--color-lilac-mauve-300: #bab5ba;
--color-lilac-mauve-400: #a29ca2;
--color-lilac-mauve-500: #8a848a;
--color-lilac-mauve-600: #757075;
--color-lilac-mauve-700: #5d595d;
--color-lilac-mauve-800: #444144;
--color-lilac-mauve-900: #2f2d2f;
--color-lilac-mauve-950: #1c1a1c;
}SCSS
$lilac-mauve: #d6d0d6;
$lilac-mauve-rgb: 214, 208, 214;
$lilac-mauve-light: mix(#fff, $lilac-mauve, 20%);
$lilac-mauve-dark: mix(#000, $lilac-mauve, 20%);
.element {
color: $lilac-mauve;
box-shadow: 0 0 0 2px rgba($lilac-mauve, 0.35);
}