Colore con nome · #C9D1E9
Arctic Glow
Arctic Glow è #C9D1E9: rgb(201 209 233), hsl(225 42% 85%), oklch(0.862 0.034 271). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Arctic Glow color name →
#C9D1E9
oklch(0.862 0.034 271)
Conversioni di colore
- HEX
- #c9d1e9
- RGB
- rgb(201 209 233)
- HSL
- hsl(225 42% 85%)
- HWB
- hwb(225 79% 9%)
- OKLCH
- oklch(0.862 0.034 271)
- OKLab
- oklab(0.862 0.001 -0.034)
- CIE Lab
- lab(83.78 0.73 -12.86)
- LCH
- lch(83.78 12.88 273.3)
- CMYK
- cmyk(14% 10% 0% 9%)
Tinte · Ombre · Toni
Tinte
- CED6EB
- D4DAED
- D9DFF0
- DEE3F2
- E4E8F4
- E9ECF6
- EFF1F9
- F4F6FB
- F9FAFD
Ombre
- AEB5CB
- 959BAD
- 7C8190
- 646874
- 4C505A
- 363941
- 222329
- 0F1013
- 020203
Toni
- C1C9DE
- BAC0D3
- B2B8C8
- ABB0BE
- A4A8B3
- 9CA0A9
- 95989E
- 8E9094
- 87888A
Armonie di colore
Complementare +180°
- C9D1E9
Arctic Glow
- DAD1B9
≈ Lion of Hadrian
Analogo -30° +30°
- C9D1E9
Arctic Glow
- BED5E7
≈ Light Tidal Foam
- D5CDE5
≈ Potentially Purple
Triadico +120° +240°
- C9D1E9
Arctic Glow
- E7CAC4
≈ Tangy Taffy
- C2D8C6
≈ Edgewater
Complementare divisa +150° +210°
- C9D1E9
Arctic Glow
- E3CDBB
≈ Safari Map
- CED5BD
≈ Canary Green
Tetradico +90° +180° +270°
- C9D1E9
Arctic Glow
- E6C9D0
≈ Pink Slipper
- DAD1B9
≈ Lion of Hadrian
- BAD9D3
≈ High Point
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.52:1 · APCA Lc 24
Ag
AAASu nero
WCAG 13.78:1 · APCA Lc 79
Miglior colore del testo: #000000
WCAG 13.78:1 (AAA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--arctic-glow: #c9d1e9;
--arctic-glow-rgb: 201 209 233;
--arctic-glow-oklch: oklch(0.862 0.034 271);
}
.element {
color: var(--arctic-glow);
background-color: hsl(225 42% 85%);
border-color: oklch(0.862 0.034 271);
}Tailwind CSS v4
@theme {
--color-arctic-glow: #c9d1e9;
--color-arctic-glow-50: #f2f5ff;
--color-arctic-glow-100: #e4e7f4;
--color-arctic-glow-200: #cfd4e3;
--color-arctic-glow-300: #b1b7ca;
--color-arctic-glow-400: #979eb3;
--color-arctic-glow-500: #7d859e;
--color-arctic-glow-600: #6a7185;
--color-arctic-glow-700: #555a6b;
--color-arctic-glow-800: #3d424f;
--color-arctic-glow-900: #2a2e37;
--color-arctic-glow-950: #181a22;
}SCSS
$arctic-glow: #c9d1e9;
$arctic-glow-rgb: 201, 209, 233;
$arctic-glow-light: mix(#fff, $arctic-glow, 20%);
$arctic-glow-dark: mix(#000, $arctic-glow, 20%);
.element {
color: $arctic-glow;
box-shadow: 0 0 0 2px rgba($arctic-glow, 0.35);
}