لون مسمّى · #C8C2C6
Haze
Haze هو #C8C2C6: rgb(200 194 198)، hsl(320 5% 77%)، oklch(0.82 0.009 337.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Haze color name →
#C8C2C6
oklch(0.82 0.009 337.5)
تحويلات الألوان
- HEX
- #c8c2c6
- RGB
- rgb(200 194 198)
- HSL
- hsl(320 5% 77%)
- HWB
- hwb(320 76% 22%)
- OKLCH
- oklch(0.82 0.009 337.5)
- OKLab
- oklab(0.82 0.008 -0.003)
- CIE Lab
- lab(79.01 2.71 -1.23)
- LCH
- lch(79.01 2.97 335.6)
- CMYK
- cmyk(0% 3% 1% 22%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- CDC8CC
- D3CED1
- D8D4D7
- DEDADC
- E3E0E2
- E9E6E8
- EEECEE
- F4F3F3
- F9F9F9
درجات داكنة
- AEA8AC
- 948F92
- 7B777A
- 636062
- 4C494B
- 363435
- 212021
- 0F0E0E
- 020202
درجات رمادية
- C1BBBF
- B9B4B8
- B2AEB0
- ABA7A9
- A3A0A2
- 9C9A9B
- 959394
- 8E8D8E
- 878687
تناسق الألوان
متمم +180°
- C8C2C6
Haze
- C0C6C2
≈ Sonnet Grey
متجاور -30° +30°
- C8C2C6
Haze
- C5C3C9
≈ Sparkling Metal
- C9C2C3
≈ Haze
ثلاثي +120° +240°
متمم منقسم +150° +210°
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.75:1 · APCA Lc 32
Ag
AAAعلى الأسود
WCAG 11.98:1 · APCA Lc 71
أفضل لون للنص: #000000
WCAG 11.98:1 (AAA) · APCA Lc 71
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--haze: #c8c2c6;
--haze-rgb: 200 194 198;
--haze-oklch: oklch(0.82 0.009 337.5);
}
.element {
color: var(--haze);
background-color: hsl(320 5% 77%);
border-color: oklch(0.82 0.009 337.5);
}Tailwind CSS v4
@theme {
--color-haze: #c8c2c6;
--color-haze-50: #f7f4f6;
--color-haze-100: #eae7e9;
--color-haze-200: #d7d3d5;
--color-haze-300: #bbb6b9;
--color-haze-400: #a29ca0;
--color-haze-500: #8a8488;
--color-haze-600: #757073;
--color-haze-700: #5d595c;
--color-haze-800: #444143;
--color-haze-900: #2f2d2f;
--color-haze-950: #1c1a1b;
}SCSS
$haze: #c8c2c6;
$haze-rgb: 200, 194, 198;
$haze-light: mix(#fff, $haze, 20%);
$haze-dark: mix(#000, $haze, 20%);
.element {
color: $haze;
box-shadow: 0 0 0 2px rgba($haze, 0.35);
}