Colore con nome · #D6D0D6
Lilac Mauve
Lilac Mauve è #D6D0D6: rgb(214 208 214), hsl(300 7% 83%), oklch(0.864 0.01 325.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Lilac Mauve color name →
#D6D0D6
oklch(0.864 0.01 325.7)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- DAD5DA
- DED9DE
- E2DEE2
- E6E3E6
- EAE7EA
- EEECEE
- F3F1F3
- F7F5F7
- FBFAFB
Ombre
- BAB5BA
- 9E9A9E
- 848084
- 6A676A
- 524F52
- 3B393B
- 252325
- 101010
- 020202
Toni
- CDC8CD
- C4BFC4
- BBB7BB
- B3AFB3
- AAA7AA
- A19FA1
- 999799
- 918F91
- 888888
Armonie di colore
Complementare +180°
- D6D0D6
Lilac Mauve
- CED4CE
≈ Salt Glaze
Analogo -30° +30°
- D6D0D6
Lilac Mauve
- D3D1D9
≈ Spooky Ghost
- D8D0D2
≈ Mauve Morning
Triadico +120° +240°
- D6D0D6
Lilac Mauve
- D5D2CB
≈ Campfire Smoke
- CBD4D6
≈ Lullaby
Complementare divisa +150° +210°
- D6D0D6
Lilac Mauve
- D2D3CC
≈ Grey Nurse
- CCD5D2
≈ Pacific Mist
Tetradico +90° +180° +270°
- D6D0D6
Lilac Mauve
- D8D1CC
≈ Smoked Oyster
- CED4CE
≈ Salt Glaze
- CCD4D8
≈ Shiny Nickel
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.51:1 · APCA Lc 24
Ag
AAASu nero
WCAG 13.85:1 · APCA Lc 79
Miglior colore del testo: #000000
WCAG 13.85:1 (AAA) · APCA Lc 79
Contrast pairs
Frammenti di codice
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);
}