Colore con nome · #CEE5E9
Northwind
Northwind è #CEE5E9: rgb(206 229 233), hsl(189 38% 86%), oklch(0.906 0.025 209.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Northwind color name →
#CEE5E9
oklch(0.906 0.025 209.3)
Conversioni di colore
- HEX
- #cee5e9
- RGB
- rgb(206 229 233)
- HSL
- hsl(189 38% 86%)
- HWB
- hwb(189 81% 9%)
- OKLCH
- oklch(0.906 0.025 209.3)
- OKLab
- oklab(0.906 -0.022 -0.012)
- CIE Lab
- lab(89.32 -7.29 -4.68)
- LCH
- lch(89.32 8.66 212.7)
- CMYK
- cmyk(12% 2% 0% 9%)
Tinte · Ombre · Toni
Tinte
- D3E8EB
- D8EAED
- DDEDF0
- E2EFF2
- E6F2F4
- EBF5F6
- F0F7F8
- F5FAFB
- FAFCFD
Ombre
- B3C7CB
- 98AAAD
- 7F8E90
- 667274
- 4E585A
- 383F41
- 232829
- 0F1213
- 020303
Toni
- C6DADE
- BED0D3
- B6C6C8
- AEBBBE
- A6B1B3
- 9FA7A9
- 979D9E
- 8F9394
- 888A8A
Armonie di colore
Complementare +180°
- CEE5E9
Northwind
- F0DAD7
≈ Light Apricot
Analogo -30° +30°
- CEE5E9
Northwind
- CFE6E0
≈ Ice Dagger
- D2E3EF
≈ Ice Drop
Triadico +120° +240°
- CEE5E9
Northwind
- EADAE8
≈ Desert Dawn
- E7E0CE
≈ Sedona
Complementare divisa +150° +210°
- CEE5E9
Northwind
- EFDADF
≈ Sweet Bianca
- EDDDD0
≈ Palatial
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.31:1 · APCA Lc 15
Ag
AAASu nero
WCAG 16.00:1 · APCA Lc 88
Miglior colore del testo: #000000
WCAG 16.00:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--northwind: #cee5e9;
--northwind-rgb: 206 229 233;
--northwind-oklch: oklch(0.906 0.025 209.3);
}
.element {
color: var(--northwind);
background-color: hsl(189 38% 86%);
border-color: oklch(0.906 0.025 209.3);
}Tailwind CSS v4
@theme {
--color-northwind: #cee5e9;
--color-northwind-50: #edf7f9;
--color-northwind-100: #dfeaed;
--color-northwind-200: #c9d7da;
--color-northwind-300: #aabbbf;
--color-northwind-400: #8ea3a6;
--color-northwind-500: #748b8f;
--color-northwind-600: #627679;
--color-northwind-700: #4e5e61;
--color-northwind-800: #394547;
--color-northwind-900: #273031;
--color-northwind-950: #151c1d;
}SCSS
$northwind: #cee5e9;
$northwind-rgb: 206, 229, 233;
$northwind-light: mix(#fff, $northwind, 20%);
$northwind-dark: mix(#000, $northwind, 20%);
.element {
color: $northwind;
box-shadow: 0 0 0 2px rgba($northwind, 0.35);
}