لون مسمّى · #D8C7C2
Ancestral Haze
Ancestral Haze هو #D8C7C2: rgb(216 199 194)، hsl(14 22% 80%)، oklch(0.842 0.02 37). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Ancestral Haze color name →
#D8C7C2
oklch(0.842 0.02 37)
تحويلات الألوان
- HEX
- #d8c7c2
- RGB
- rgb(216 199 194)
- HSL
- hsl(14 22% 80%)
- HWB
- hwb(14 76% 15%)
- OKLCH
- oklch(0.842 0.02 37)
- OKLab
- oklab(0.842 0.016 0.012)
- CIE Lab
- lab(81.56 5.53 4.77)
- LCH
- lch(81.56 7.3 40.8)
- CMYK
- cmyk(0% 8% 10% 15%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- DCCCC8
- E0D2CE
- E4D8D4
- E8DDDA
- EBE3E0
- EFE8E6
- F3EEEC
- F7F4F3
- FBF9F9
درجات داكنة
- BCADA8
- A0938F
- 857A77
- 6B6260
- 534C49
- 3B3634
- 252120
- 110E0E
- 020202
درجات رمادية
- CFC0BB
- C6B8B4
- BDB1AE
- B4AAA7
- ABA3A0
- A29C9A
- 9A9593
- 918E8D
- 888786
تناسق الألوان
متمم +180°
- D8C7C2
Ancestral Haze
- BDCFD4
≈ Shhh…
متجاور -30° +30°
- D8C7C2
Ancestral Haze
- D8C6C9
≈ Odyssey Lilac
- D5C9BE
≈ Old Map
ثلاثي +120° +240°
- D8C7C2
Ancestral Haze
- C1CFC6
≈ Azul Tequila
- C7CAD9
≈ Daybreak Beckons
متمم منقسم +150° +210°
- D8C7C2
Ancestral Haze
- BDD0CD
≈ Breath of Green
- C1CDD8
≈ Siberian Ice
رباعي +90° +180° +270°
- D8C7C2
Ancestral Haze
- C8CEC0
≈ Harp
- BDCFD4
≈ Shhh…
- CFC8D6
≈ Moon Goddess
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.63:1 · APCA Lc 28
Ag
AAAعلى الأسود
WCAG 12.86:1 · APCA Lc 75
أفضل لون للنص: #000000
WCAG 12.86:1 (AAA) · APCA Lc 75
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--ancestral-haze: #d8c7c2;
--ancestral-haze-rgb: 216 199 194;
--ancestral-haze-oklch: oklch(0.842 0.02 37);
}
.element {
color: var(--ancestral-haze);
background-color: hsl(14 22% 80%);
border-color: oklch(0.842 0.02 37);
}Tailwind CSS v4
@theme {
--color-ancestral-haze: #d8c7c2;
--color-ancestral-haze-50: #fbf3f1;
--color-ancestral-haze-100: #eee6e3;
--color-ancestral-haze-200: #ddd1ce;
--color-ancestral-haze-300: #c1b4b0;
--color-ancestral-haze-400: #aa9b96;
--color-ancestral-haze-500: #93827d;
--color-ancestral-haze-600: #7c6e6a;
--color-ancestral-haze-700: #645854;
--color-ancestral-haze-800: #49403e;
--color-ancestral-haze-900: #332c2a;
--color-ancestral-haze-950: #1e1918;
}SCSS
$ancestral-haze: #d8c7c2;
$ancestral-haze-rgb: 216, 199, 194;
$ancestral-haze-light: mix(#fff, $ancestral-haze, 20%);
$ancestral-haze-dark: mix(#000, $ancestral-haze, 20%);
.element {
color: $ancestral-haze;
box-shadow: 0 0 0 2px rgba($ancestral-haze, 0.35);
}