Color con nombre · #BDBACE
Blue Haze
Blue Haze es #BDBACE: rgb(189 186 206), hsl(249 17% 77%), oklch(0.798 0.028 292.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Blue Haze color name →
#BDBACE
oklch(0.798 0.028 292.6)
Conversiones de color
- HEX
- #bdbace
- RGB
- rgb(189 186 206)
- HSL
- hsl(249 17% 77%)
- HWB
- hwb(249 73% 19%)
- OKLCH
- oklch(0.798 0.028 292.6)
- OKLab
- oklab(0.798 0.011 -0.026)
- CIE Lab
- lab(76.23 3.96 -9.72)
- LCH
- lch(76.23 10.49 292.2)
- CMYK
- cmyk(8% 10% 0% 19%)
Tintes · Sombras · Tonos
Tintes
- C3C1D3
- CAC8D8
- D0CEDD
- D7D5E1
- DEDCE6
- E4E3EB
- EBEAF0
- F1F1F5
- F8F8FA
Sombras
- A4A1B3
- 8C8998
- 74727F
- 5D5C66
- 47464E
- 333238
- 1F1E23
- 0D0D0F
- 020202
Tonos
- B7B4C6
- B0AEBE
- AAA8B6
- A4A2AE
- 9E9DA6
- 98979E
- 929197
- 8C8B8F
- 868688
Armonías de color
Complementario +180°
- BDBACE
Blue Haze
- BDBFAB
≈ New Neutral
Análogo -30° +30°
- BDBACE
Blue Haze
- B3BDD0
≈ Cold Winter’s Morn
- C6B7C8
≈ Ballad
Triádico +120° +240°
- BDBACE
Blue Haze
- CCB8AD
≈ Grey Mauve
- ACC3BB
≈ Ocean Droplet
Complementario dividido +150° +210°
- BDBACE
Blue Haze
- C6BCA9
≈ Antique Kilim
- B3C2B1
≈ Rainee
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.89:1 · APCA Lc 36
Ag
AAASobre negro
WCAG 11.07:1 · APCA Lc 66
Mejor color de texto: #000000
WCAG 11.07:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmentos de código
CSS
:root {
--blue-haze: #bdbace;
--blue-haze-rgb: 189 186 206;
--blue-haze-oklch: oklch(0.798 0.028 292.6);
}
.element {
color: var(--blue-haze);
background-color: hsl(249 17% 77%);
border-color: oklch(0.798 0.028 292.6);
}Tailwind CSS v4
@theme {
--color-blue-haze: #bdbace;
--color-blue-haze-50: #f5f4fd;
--color-blue-haze-100: #e8e6f1;
--color-blue-haze-200: #d5d2df;
--color-blue-haze-300: #b8b5c5;
--color-blue-haze-400: #9e9cae;
--color-blue-haze-500: #868398;
--color-blue-haze-600: #726f80;
--color-blue-haze-700: #5b5967;
--color-blue-haze-800: #42414c;
--color-blue-haze-900: #2e2d35;
--color-blue-haze-950: #1a1a20;
}SCSS
$blue-haze: #bdbace;
$blue-haze-rgb: 189, 186, 206;
$blue-haze-light: mix(#fff, $blue-haze, 20%);
$blue-haze-dark: mix(#000, $blue-haze, 20%);
.element {
color: $blue-haze;
box-shadow: 0 0 0 2px rgba($blue-haze, 0.35);
}