Color con nombre · #B4C2CF
Hazy
Hazy es #B4C2CF: rgb(180 194 207), hsl(209 22% 76%), oklch(0.807 0.024 246.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Hazy color name →
#B4C2CF
oklch(0.807 0.024 246.1)
Conversiones de color
- HEX
- #b4c2cf
- RGB
- rgb(180 194 207)
- HSL
- hsl(209 22% 76%)
- HWB
- hwb(209 71% 19%)
- OKLCH
- oklch(0.807 0.024 246.1)
- OKLab
- oklab(0.807 -0.01 -0.022)
- CIE Lab
- lab(77.65 -3.01 -8.27)
- LCH
- lch(77.65 8.8 250)
- CMYK
- cmyk(13% 6% 0% 19%)
Tintes · Sombras · Tonos
Tintes
- BBC8D4
- C3CED9
- CAD4DD
- D2DAE2
- D9E0E7
- E1E6EC
- E8ECF0
- F0F3F5
- F7F9FA
Sombras
- 9CA8B4
- 858F99
- 6E777F
- 586067
- 44494F
- 303438
- 1D2023
- 0C0E10
- 020202
Tonos
- AFBBC7
- A9B4BF
- A4AEB7
- 9FA7AF
- 9AA0A7
- 949A9F
- 8F9397
- 8A8D8F
- 858688
Armonías de color
Complementario +180°
- B4C2CF
Hazy
- CBBDB0
≈ Clean Sweep
Análogo -30° +30°
Triádico +120° +240°
Complementario dividido +150° +210°
- B4C2CF
Hazy
- CFBBB6
≈ Mothy
- C4C0AF
≈ Stone Fortress
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.81:1 · APCA Lc 34
Ag
AAASobre negro
WCAG 11.55:1 · APCA Lc 69
Mejor color de texto: #000000
WCAG 11.55:1 (AAA) · APCA Lc 69
Contrast pairs
Fragmentos de código
CSS
:root {
--hazy: #b4c2cf;
--hazy-rgb: 180 194 207;
--hazy-oklch: oklch(0.807 0.024 246.1);
}
.element {
color: var(--hazy);
background-color: hsl(209 22% 76%);
border-color: oklch(0.807 0.024 246.1);
}Tailwind CSS v4
@theme {
--color-hazy: #b4c2cf;
--color-hazy-50: #f0f6fc;
--color-hazy-100: #e2e9f0;
--color-hazy-200: #cdd5de;
--color-hazy-300: #aeb9c3;
--color-hazy-400: #93a0ac;
--color-hazy-500: #7a8896;
--color-hazy-600: #67737e;
--color-hazy-700: #525c65;
--color-hazy-800: #3c434a;
--color-hazy-900: #292f34;
--color-hazy-950: #171b1f;
}SCSS
$hazy: #b4c2cf;
$hazy-rgb: 180, 194, 207;
$hazy-light: mix(#fff, $hazy, 20%);
$hazy-dark: mix(#000, $hazy, 20%);
.element {
color: $hazy;
box-shadow: 0 0 0 2px rgba($hazy, 0.35);
}