Colore con nome · #D9E5EB
Arctic Blizzard
Arctic Blizzard è #D9E5EB: rgb(217 229 235), hsl(200 31% 89%), oklch(0.915 0.015 229). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Arctic Blizzard color name →
#D9E5EB
oklch(0.915 0.015 229)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- DDE8ED
- E1EAEF
- E4EDF1
- E8EFF3
- ECF2F5
- F0F5F7
- F4F7F9
- F7FAFB
- FBFCFD
Ombre
- BCC7CC
- A1AAAE
- 868E91
- 6C7275
- 53585B
- 3B3F41
- 252829
- 111213
- 020303
Toni
- D0DAE0
- C7D0D5
- BDC6CA
- B4BBBF
- ABB1B4
- A3A7A9
- 9A9D9F
- 919394
- 898A8A
Armonie di colore
Complementare +180°
- D9E5EB
Arctic Blizzard
- ECE0DA
≈ Touchable Pink
Analogo -30° +30°
- D9E5EB
Arctic Blizzard
- D8E6E7
≈ Smoke and Mirrors
- DDE3ED
≈ Violet Extract
Triadico +120° +240°
- D9E5EB
Arctic Blizzard
- EBDFE4
≈ Dainty Flower
- E3E4D8
≈ Sand Grain
Complementare divisa +150° +210°
- D9E5EB
Arctic Blizzard
- EDDFDF
≈ Crystallise
- E8E2D8
≈ Crisp Muslin
Tetradico +90° +180° +270°
- D9E5EB
Arctic Blizzard
- E7E0E9
≈ Bubble Bath
- ECE0DA
≈ Touchable Pink
- DEE5DC
≈ Morning Rush
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.28:1 · APCA Lc 14
Ag
AAASu nero
WCAG 16.35:1 · APCA Lc 90
Miglior colore del testo: #000000
WCAG 16.35:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
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);
}