Named color · #D9E5EB
Arctic Blizzard
Arctic Blizzard is #D9E5EB: rgb(217 229 235), hsl(200 31% 89%), oklch(0.915 0.015 229). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Arctic Blizzard color name →
#D9E5EB
oklch(0.915 0.015 229)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- DDE8ED
- E1EAEF
- E4EDF1
- E8EFF3
- ECF2F5
- F0F5F7
- F4F7F9
- F7FAFB
- FBFCFD
Shades
- BCC7CC
- A1AAAE
- 868E91
- 6C7275
- 53585B
- 3B3F41
- 252829
- 111213
- 020303
Tones
- D0DAE0
- C7D0D5
- BDC6CA
- B4BBBF
- ABB1B4
- A3A7A9
- 9A9D9F
- 919394
- 898A8A
Color harmonies
Complementary +180°
- D9E5EB
Arctic Blizzard
- ECE0DA
≈ Touchable Pink
Analogous -30° +30°
- D9E5EB
Arctic Blizzard
- D8E6E7
≈ Smoke and Mirrors
- DDE3ED
≈ Violet Extract
Triadic +120° +240°
- D9E5EB
Arctic Blizzard
- EBDFE4
≈ Dainty Flower
- E3E4D8
≈ Sand Grain
Split-complementary +150° +210°
- D9E5EB
Arctic Blizzard
- EDDFDF
≈ Crystallise
- E8E2D8
≈ Crisp Muslin
Tetradic +90° +180° +270°
- D9E5EB
Arctic Blizzard
- E7E0E9
≈ Bubble Bath
- ECE0DA
≈ Touchable Pink
- DEE5DC
≈ Morning Rush
Contrast & accessibility
Ag
FailOn white
WCAG 1.28:1 · APCA Lc 14
Ag
AAAOn black
WCAG 16.35:1 · APCA Lc 90
Best text color: #000000
WCAG 16.35:1 (AAA) · APCA Lc 90
Contrast pairs
Code snippets
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);
}