Colore con nome · #E3E5E8
Arctic Dawn
Arctic Dawn è #E3E5E8: rgb(227 229 232), hsl(216 10% 90%), oklch(0.921 0.005 258.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Arctic Dawn color name →
#E3E5E8
oklch(0.921 0.005 258.3)
Conversioni di colore
- HEX
- #e3e5e8
- RGB
- rgb(227 229 232)
- HSL
- hsl(216 10% 90%)
- HWB
- hwb(216 89% 9%)
- OKLCH
- oklch(0.921 0.005 258.3)
- OKLab
- oklab(0.921 -0.001 -0.005)
- CIE Lab
- lab(90.85 -0.29 -1.71)
- LCH
- lch(90.85 1.74 260.4)
- CMYK
- cmyk(2% 1% 0% 9%)
Tinte · Ombre · Toni
Tinte
- E6E8EA
- E9EAED
- EBEDEF
- EEEFF1
- F1F2F3
- F4F5F6
- F7F7F8
- F9FAFA
- FCFCFD
Ombre
- C5C7CA
- A8AAAC
- 8C8E90
- 717274
- 575859
- 3F3F40
- 272829
- 121213
- 030303
Toni
- D9DADD
- CED0D2
- C4C6C8
- BABBBD
- B0B1B3
- A6A7A8
- 9D9D9E
- 939394
- 898A8A
Armonie di colore
Complementare +180°
- E3E5E8
Arctic Dawn
- E7E5E2
≈ Pearl Brite
Analogo -30° +30°
- E3E5E8
Arctic Dawn
- E2E6E7
≈ Rarified Air
- E5E4E8
≈ Lilac Mist
Triadico +120° +240°
- E3E5E8
Arctic Dawn
- E8E4E4
≈ Antique Petal
- E3E6E3
≈ Silent White
Complementare divisa +150° +210°
- E3E5E8
Arctic Dawn
- E8E4E2
≈ Fading Fog
- E5E5E2
≈ Apollo Landing
Tetradico +90° +180° +270°
- E3E5E8
Arctic Dawn
- E7E4E5
≈ Grey Whisper
- E7E5E2
≈ Pearl Brite
- E2E6E4
≈ Ice Sculpture
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.26:1 · APCA Lc 13
Ag
AAASu nero
WCAG 16.63:1 · APCA Lc 91
Miglior colore del testo: #000000
WCAG 16.63:1 (AAA) · APCA Lc 91
Contrast pairs
Frammenti di codice
CSS
:root {
--arctic-dawn: #e3e5e8;
--arctic-dawn-rgb: 227 229 232;
--arctic-dawn-oklch: oklch(0.921 0.005 258.3);
}
.element {
color: var(--arctic-dawn);
background-color: hsl(216 10% 90%);
border-color: oklch(0.921 0.005 258.3);
}Tailwind CSS v4
@theme {
--color-arctic-dawn: #e3e5e8;
--color-arctic-dawn-50: #f4f5f6;
--color-arctic-dawn-100: #e7e8e9;
--color-arctic-dawn-200: #d3d4d6;
--color-arctic-dawn-300: #b6b7ba;
--color-arctic-dawn-400: #9d9ea1;
--color-arctic-dawn-500: #848689;
--color-arctic-dawn-600: #707274;
--color-arctic-dawn-700: #595b5d;
--color-arctic-dawn-800: #414244;
--color-arctic-dawn-900: #2d2e2f;
--color-arctic-dawn-950: #1a1b1b;
}SCSS
$arctic-dawn: #e3e5e8;
$arctic-dawn-rgb: 227, 229, 232;
$arctic-dawn-light: mix(#fff, $arctic-dawn, 20%);
$arctic-dawn-dark: mix(#000, $arctic-dawn, 20%);
.element {
color: $arctic-dawn;
box-shadow: 0 0 0 2px rgba($arctic-dawn, 0.35);
}