Cor nomeada · #B8C8D3
Winter Blizzard
Winter Blizzard é #B8C8D3: rgb(184 200 211), hsl(204 23% 77%), oklch(0.824 0.023 237.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Winter Blizzard color name →
#B8C8D3
oklch(0.824 0.023 237.7)
Conversões de cor
- HEX
- #b8c8d3
- RGB
- rgb(184 200 211)
- HSL
- hsl(204 23% 77%)
- HWB
- hwb(204 72% 17%)
- OKLCH
- oklch(0.824 0.023 237.7)
- OKLab
- oklab(0.824 -0.012 -0.02)
- CIE Lab
- lab(79.62 -3.99 -7.47)
- LCH
- lch(79.62 8.46 241.9)
- CMYK
- cmyk(13% 5% 0% 17%)
Tons claros · Sombras · Tons
Tons claros
- BFCDD7
- C6D3DC
- CDD8E0
- D4DEE4
- DBE3E9
- E2E9ED
- E9EEF2
- F1F4F6
- F8F9FB
Sombras
- A0AEB7
- 88949C
- 717B82
- 5B6369
- 454C51
- 31363A
- 1E2124
- 0C0F10
- 020202
Tons
- B2C1CA
- ADB9C2
- A7B2B9
- A1ABB1
- 9CA3A9
- 969CA0
- 909598
- 8B8E90
- 858788
Harmonias de cor
Complementar +180°
- B8C8D3
Winter Blizzard
- D2C2B7
≈ Rabbit’s Foot
Análoga -30° +30°
- B8C8D3
Winter Blizzard
- B5CACD
≈ Adorbs
- BFC5D5
≈ Himalayan Poppy
Tríade +120° +240°
- B8C8D3
Winter Blizzard
- D3BFC5
≈ Bunny Soft
- C4C8B7
≈ Wabi-Sabi
Complementar dividida +150° +210°
- B8C8D3
Winter Blizzard
- D4C0BD
≈ Salmon Smoke
- CCC5B5
≈ Slumber Sloth
Tétrade +90° +180° +270°
- B8C8D3
Winter Blizzard
- CEC0CD
≈ Romantic Poetry
- D2C2B7
≈ Rabbit’s Foot
- BCCABD
≈ Tropical Cyclone
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.71:1 · APCA Lc 31
Ag
AAASobre preto
WCAG 12.24:1 · APCA Lc 72
Melhor cor de texto: #000000
WCAG 12.24:1 (AAA) · APCA Lc 72
Contrast pairs
Trechos de código
CSS
:root {
--winter-blizzard: #b8c8d3;
--winter-blizzard-rgb: 184 200 211;
--winter-blizzard-oklch: oklch(0.824 0.023 237.7);
}
.element {
color: var(--winter-blizzard);
background-color: hsl(204 23% 77%);
border-color: oklch(0.824 0.023 237.7);
}Tailwind CSS v4
@theme {
--color-winter-blizzard: #b8c8d3;
--color-winter-blizzard-50: #eff6fb;
--color-winter-blizzard-100: #e1e9ef;
--color-winter-blizzard-200: #ccd6dd;
--color-winter-blizzard-300: #adb9c2;
--color-winter-blizzard-400: #92a1ab;
--color-winter-blizzard-500: #788994;
--color-winter-blizzard-600: #66747d;
--color-winter-blizzard-700: #515d64;
--color-winter-blizzard-800: #3b4449;
--color-winter-blizzard-900: #282f33;
--color-winter-blizzard-950: #161b1f;
}SCSS
$winter-blizzard: #b8c8d3;
$winter-blizzard-rgb: 184, 200, 211;
$winter-blizzard-light: mix(#fff, $winter-blizzard, 20%);
$winter-blizzard-dark: mix(#000, $winter-blizzard, 20%);
.element {
color: $winter-blizzard;
box-shadow: 0 0 0 2px rgba($winter-blizzard, 0.35);
}