Colore con nome · #DCD6D1
Light Pearl Ash
Light Pearl Ash è #DCD6D1: rgb(220 214 209), hsl(27 14% 84%), oklch(0.879 0.01 62.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Light Pearl Ash color name →
#DCD6D1
oklch(0.879 0.01 62.6)
Conversioni di colore
- HEX
- #dcd6d1
- RGB
- rgb(220 214 209)
- HSL
- hsl(27 14% 84%)
- HWB
- hwb(27 82% 14%)
- OKLCH
- oklch(0.879 0.01 62.6)
- OKLab
- oklab(0.879 0.004 0.008)
- CIE Lab
- lab(86 1.48 3.24)
- LCH
- lch(86 3.56 65.5)
- CMYK
- cmyk(0% 3% 5% 14%)
Tinte · Ombre · Toni
Tinte
- DFDAD6
- E3DEDA
- E6E2DF
- EAE6E3
- EDEAE8
- F1EEEC
- F4F3F1
- F8F7F6
- FBFBFA
Ombre
- BFBAB5
- A39E9B
- 888481
- 6E6A68
- 545250
- 3C3B39
- 262523
- 111010
- 020202
Toni
- D2CDC9
- C9C4C0
- BFBBB8
- B6B3B0
- ADAAA8
- A4A1A0
- 9B9998
- 929190
- 898888
Armonie di colore
Complementare +180°
- DCD6D1
Light Pearl Ash
- D2D8DD
≈ Suave Grey
Analogo -30° +30°
- DCD6D1
Light Pearl Ash
- DDD5D3
≈ Light Lunette
- D9D7D0
≈ Timid White
Triadico +120° +240°
- DCD6D1
Light Pearl Ash
- D1D9D8
≈ Summer Shade
- D8D6DD
≈ Delicate Viola
Complementare divisa +150° +210°
- DCD6D1
Light Pearl Ash
- D1D9DB
≈ Aluminium Foil
- D5D7DE
≈ Shy Blunt
Tetradico +90° +180° +270°
- DCD6D1
Light Pearl Ash
- D3D9D4
≈ Misty Coast
- D2D8DD
≈ Suave Grey
- DBD5DA
≈ Light Magnolia Rose
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.44:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.58:1 · APCA Lc 82
Miglior colore del testo: #000000
WCAG 14.58:1 (AAA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--light-pearl-ash: #dcd6d1;
--light-pearl-ash-rgb: 220 214 209;
--light-pearl-ash-oklch: oklch(0.879 0.01 62.6);
}
.element {
color: var(--light-pearl-ash);
background-color: hsl(27 14% 84%);
border-color: oklch(0.879 0.01 62.6);
}Tailwind CSS v4
@theme {
--color-light-pearl-ash: #dcd6d1;
--color-light-pearl-ash-50: #f7f5f2;
--color-light-pearl-ash-100: #eae7e5;
--color-light-pearl-ash-200: #d7d3d0;
--color-light-pearl-ash-300: #bbb6b2;
--color-light-pearl-ash-400: #a39d99;
--color-light-pearl-ash-500: #8b8580;
--color-light-pearl-ash-600: #76706c;
--color-light-pearl-ash-700: #5e5a56;
--color-light-pearl-ash-800: #45423f;
--color-light-pearl-ash-900: #302d2b;
--color-light-pearl-ash-950: #1c1a19;
}SCSS
$light-pearl-ash: #dcd6d1;
$light-pearl-ash-rgb: 220, 214, 209;
$light-pearl-ash-light: mix(#fff, $light-pearl-ash, 20%);
$light-pearl-ash-dark: mix(#000, $light-pearl-ash, 20%);
.element {
color: $light-pearl-ash;
box-shadow: 0 0 0 2px rgba($light-pearl-ash, 0.35);
}