Named color · #C8C2C6
Haze
Haze is #C8C2C6: rgb(200 194 198), hsl(320 5% 77%), oklch(0.82 0.009 337.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Haze color name →
#C8C2C6
oklch(0.82 0.009 337.5)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- CDC8CC
- D3CED1
- D8D4D7
- DEDADC
- E3E0E2
- E9E6E8
- EEECEE
- F4F3F3
- F9F9F9
Shades
- AEA8AC
- 948F92
- 7B777A
- 636062
- 4C494B
- 363435
- 212021
- 0F0E0E
- 020202
Tones
- C1BBBF
- B9B4B8
- B2AEB0
- ABA7A9
- A3A0A2
- 9C9A9B
- 959394
- 8E8D8E
- 878687
Color harmonies
Complementary +180°
- C8C2C6
Haze
- C0C6C2
≈ Sonnet Grey
Analogous -30° +30°
- C8C2C6
Haze
- C5C3C9
≈ Sparkling Metal
- C9C2C3
≈ Haze
Triadic +120° +240°
Split-complementary +150° +210°
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.75:1 · APCA Lc 32
Ag
AAAOn black
WCAG 11.98:1 · APCA Lc 71
Best text color: #000000
WCAG 11.98:1 (AAA) · APCA Lc 71
Contrast pairs
Code snippets
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);
}