Cor nomeada · #C8C6CE
Hazy Mauve
Hazy Mauve é #C8C6CE: rgb(200 198 206), hsl(255 8% 79%), oklch(0.831 0.011 297.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Hazy Mauve color name →
#C8C6CE
oklch(0.831 0.011 297.6)
Conversões de cor
- HEX
- #c8c6ce
- RGB
- rgb(200 198 206)
- HSL
- hsl(255 8% 79%)
- HWB
- hwb(255 78% 19%)
- OKLCH
- oklch(0.831 0.011 297.6)
- OKLab
- oklab(0.831 0.005 -0.01)
- CIE Lab
- lab(80.22 1.82 -3.75)
- LCH
- lch(80.22 4.17 295.9)
- CMYK
- cmyk(3% 4% 0% 19%)
Tons claros · Sombras · Tons
Tons claros
- CDCCD3
- D3D1D8
- D8D7DD
- DEDCE1
- E3E2E6
- E9E8EB
- EEEEF0
- F4F3F5
- F9F9FA
Sombras
- AEACB3
- 949298
- 7B7A7F
- 636266
- 4C4B4E
- 363538
- 212123
- 0F0E0F
- 020202
Tons
- C1BFC6
- B9B8BE
- B2B0B6
- AAA9AE
- A3A2A6
- 9C9B9E
- 959497
- 8E8E8F
- 878787
Harmonias de cor
Complementar +180°
- C8C6CE
Hazy Mauve
- C7C8C0
≈ Silver Marlin
Análoga -30° +30°
- C8C6CE
Hazy Mauve
- C4C7CF
≈ Flat Aluminium
- CCC5CB
≈ Piano Grey Rose
Tríade +120° +240°
- C8C6CE
Hazy Mauve
- CDC6C0
≈ Worldly Grey
- C0CAC7
≈ Urban Raincoat
Complementar dividida +150° +210°
- C8C6CE
Hazy Mauve
- CAC7BF
≈ Early Evening
- C3CAC3
≈ Frosted Silver
Tétrade +90° +180° +270°
- C8C6CE
Hazy Mauve
- CFC5C3
≈ Silver Cross
- C7C8C0
≈ Silver Marlin
- C0CACB
≈ Ice Flow
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.69:1 · APCA Lc 30
Ag
AAASobre preto
WCAG 12.42:1 · APCA Lc 73
Melhor cor de texto: #000000
WCAG 12.42:1 (AAA) · APCA Lc 73
Contrast pairs
Trechos de código
CSS
:root {
--hazy-mauve: #c8c6ce;
--hazy-mauve-rgb: 200 198 206;
--hazy-mauve-oklch: oklch(0.831 0.011 297.6);
}
.element {
color: var(--hazy-mauve);
background-color: hsl(255 8% 79%);
border-color: oklch(0.831 0.011 297.6);
}Tailwind CSS v4
@theme {
--color-hazy-mauve: #c8c6ce;
--color-hazy-mauve-50: #f5f4f8;
--color-hazy-mauve-100: #e8e7eb;
--color-hazy-mauve-200: #d5d3d8;
--color-hazy-mauve-300: #b8b6bc;
--color-hazy-mauve-400: #9f9da4;
--color-hazy-mauve-500: #87858d;
--color-hazy-mauve-600: #727077;
--color-hazy-mauve-700: #5b5a5f;
--color-hazy-mauve-800: #424246;
--color-hazy-mauve-900: #2e2d30;
--color-hazy-mauve-950: #1b1a1d;
}SCSS
$hazy-mauve: #c8c6ce;
$hazy-mauve-rgb: 200, 198, 206;
$hazy-mauve-light: mix(#fff, $hazy-mauve, 20%);
$hazy-mauve-dark: mix(#000, $hazy-mauve, 20%);
.element {
color: $hazy-mauve;
box-shadow: 0 0 0 2px rgba($hazy-mauve, 0.35);
}