Màu có tên · #C8C2C6
Haze
Haze là #C8C2C6: rgb(200 194 198), hsl(320 5% 77%), oklch(0.82 0.009 337.5). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Gray mean? → · Haze color name →
#C8C2C6
oklch(0.82 0.009 337.5)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- CDC8CC
- D3CED1
- D8D4D7
- DEDADC
- E3E0E2
- E9E6E8
- EEECEE
- F4F3F3
- F9F9F9
Sắc đậm
- AEA8AC
- 948F92
- 7B777A
- 636062
- 4C494B
- 363435
- 212021
- 0F0E0E
- 020202
Sắc xám
- C1BBBF
- B9B4B8
- B2AEB0
- ABA7A9
- A3A0A2
- 9C9A9B
- 959394
- 8E8D8E
- 878687
Hòa sắc
Bổ túc +180°
- C8C2C6
Haze
- C0C6C2
≈ Sonnet Grey
Tương đồng -30° +30°
- C8C2C6
Haze
- C5C3C9
≈ Sparkling Metal
- C9C2C3
≈ Haze
Bộ ba +120° +240°
Bổ túc chia +150° +210°
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.75:1 · APCA Lc 32
Ag
AAATrên nền đen
WCAG 11.98:1 · APCA Lc 71
Màu chữ tốt nhất: #000000
WCAG 11.98:1 (AAA) · APCA Lc 71
Contrast pairs
Đoạn mã
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);
}