لون مسمّى · #DCD6D1
Light Pearl Ash
Light Pearl Ash هو #DCD6D1: rgb(220 214 209)، hsl(27 14% 84%)، oklch(0.879 0.01 62.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Light Pearl Ash color name →
#DCD6D1
oklch(0.879 0.01 62.6)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- DFDAD6
- E3DEDA
- E6E2DF
- EAE6E3
- EDEAE8
- F1EEEC
- F4F3F1
- F8F7F6
- FBFBFA
درجات داكنة
- BFBAB5
- A39E9B
- 888481
- 6E6A68
- 545250
- 3C3B39
- 262523
- 111010
- 020202
درجات رمادية
- D2CDC9
- C9C4C0
- BFBBB8
- B6B3B0
- ADAAA8
- A4A1A0
- 9B9998
- 929190
- 898888
تناسق الألوان
متمم +180°
- DCD6D1
Light Pearl Ash
- D2D8DD
≈ Suave Grey
متجاور -30° +30°
- DCD6D1
Light Pearl Ash
- DDD5D3
≈ Light Lunette
- D9D7D0
≈ Timid White
ثلاثي +120° +240°
- DCD6D1
Light Pearl Ash
- D1D9D8
≈ Summer Shade
- D8D6DD
≈ Delicate Viola
متمم منقسم +150° +210°
- DCD6D1
Light Pearl Ash
- D1D9DB
≈ Aluminium Foil
- D5D7DE
≈ Shy Blunt
رباعي +90° +180° +270°
- DCD6D1
Light Pearl Ash
- D3D9D4
≈ Misty Coast
- D2D8DD
≈ Suave Grey
- DBD5DA
≈ Light Magnolia Rose
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.44:1 · APCA Lc 21
Ag
AAAعلى الأسود
WCAG 14.58:1 · APCA Lc 82
أفضل لون للنص: #000000
WCAG 14.58:1 (AAA) · APCA Lc 82
Contrast pairs
مقتطفات الأكواد
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);
}