Cor nomeada · #D9E5EB
Arctic Blizzard
Arctic Blizzard é #D9E5EB: rgb(217 229 235), hsl(200 31% 89%), oklch(0.915 0.015 229). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Arctic Blizzard color name →
#D9E5EB
oklch(0.915 0.015 229)
Conversões de cor
- HEX
- #d9e5eb
- RGB
- rgb(217 229 235)
- HSL
- hsl(200 31% 89%)
- HWB
- hwb(200 85% 8%)
- OKLCH
- oklch(0.915 0.015 229)
- OKLab
- oklab(0.915 -0.01 -0.012)
- CIE Lab
- lab(90.16 -3.3 -4.39)
- LCH
- lch(90.16 5.49 233.1)
- CMYK
- cmyk(8% 3% 0% 8%)
Tons claros · Sombras · Tons
Tons claros
- DDE8ED
- E1EAEF
- E4EDF1
- E8EFF3
- ECF2F5
- F0F5F7
- F4F7F9
- F7FAFB
- FBFCFD
Sombras
- BCC7CC
- A1AAAE
- 868E91
- 6C7275
- 53585B
- 3B3F41
- 252829
- 111213
- 020303
Tons
- D0DAE0
- C7D0D5
- BDC6CA
- B4BBBF
- ABB1B4
- A3A7A9
- 9A9D9F
- 919394
- 898A8A
Harmonias de cor
Complementar +180°
- D9E5EB
Arctic Blizzard
- ECE0DA
≈ Touchable Pink
Análoga -30° +30°
- D9E5EB
Arctic Blizzard
- D8E6E7
≈ Smoke and Mirrors
- DDE3ED
≈ Violet Extract
Tríade +120° +240°
- D9E5EB
Arctic Blizzard
- EBDFE4
≈ Dainty Flower
- E3E4D8
≈ Sand Grain
Complementar dividida +150° +210°
- D9E5EB
Arctic Blizzard
- EDDFDF
≈ Crystallise
- E8E2D8
≈ Crisp Muslin
Tétrade +90° +180° +270°
- D9E5EB
Arctic Blizzard
- E7E0E9
≈ Bubble Bath
- ECE0DA
≈ Touchable Pink
- DEE5DC
≈ Morning Rush
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.28:1 · APCA Lc 14
Ag
AAASobre preto
WCAG 16.35:1 · APCA Lc 90
Melhor cor de texto: #000000
WCAG 16.35:1 (AAA) · APCA Lc 90
Contrast pairs
Trechos de código
CSS
:root {
--arctic-blizzard: #d9e5eb;
--arctic-blizzard-rgb: 217 229 235;
--arctic-blizzard-oklch: oklch(0.915 0.015 229);
}
.element {
color: var(--arctic-blizzard);
background-color: hsl(200 31% 89%);
border-color: oklch(0.915 0.015 229);
}Tailwind CSS v4
@theme {
--color-arctic-blizzard: #d9e5eb;
--color-arctic-blizzard-50: #f1f6f9;
--color-arctic-blizzard-100: #e3e9ec;
--color-arctic-blizzard-200: #ced6da;
--color-arctic-blizzard-300: #b0b9be;
--color-arctic-blizzard-400: #96a0a6;
--color-arctic-blizzard-500: #7c888e;
--color-arctic-blizzard-600: #697378;
--color-arctic-blizzard-700: #545c60;
--color-arctic-blizzard-800: #3d4446;
--color-arctic-blizzard-900: #2a2f31;
--color-arctic-blizzard-950: #181b1d;
}SCSS
$arctic-blizzard: #d9e5eb;
$arctic-blizzard-rgb: 217, 229, 235;
$arctic-blizzard-light: mix(#fff, $arctic-blizzard, 20%);
$arctic-blizzard-dark: mix(#000, $arctic-blizzard, 20%);
.element {
color: $arctic-blizzard;
box-shadow: 0 0 0 2px rgba($arctic-blizzard, 0.35);
}