Colore con nome · #E9EDF6
Coconut White
Coconut White è #E9EDF6: rgb(233 237 246), hsl(222 42% 94%), oklch(0.946 0.013 266.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Coconut White color name →
#E9EDF6
oklch(0.946 0.013 266.7)
Conversioni di colore
- HEX
- #e9edf6
- RGB
- rgb(233 237 246)
- HSL
- hsl(222 42% 94%)
- HWB
- hwb(222 91% 4%)
- OKLCH
- oklch(0.946 0.013 266.7)
- OKLab
- oklab(0.946 -0.001 -0.013)
- CIE Lab
- lab(93.64 -0.15 -4.85)
- LCH
- lch(93.64 4.86 268.2)
- CMYK
- cmyk(5% 4% 0% 4%)
Tinte · Ombre · Toni
Tinte
- EBEFF7
- EDF1F8
- F0F2F9
- F2F4FA
- F4F6FB
- F6F8FB
- F8FAFC
- FBFBFD
- FDFDFE
Ombre
- CBCED6
- ADB0B7
- 909398
- 74777B
- 5A5C5F
- 414245
- 292A2C
- 131415
- 030303
Toni
- DEE2EA
- D3D6DD
- C8CBD1
- BEC0C5
- B3B5B9
- A9AAAE
- 9E9FA2
- 949596
- 8A8A8B
Armonie di colore
Complementare +180°
- E9EDF6
Coconut White
- F1EDE4
≈ Cow’s Milk
Analogo -30° +30°
- E9EDF6
Coconut White
- E5EFF5
≈ Clear Vision
- EEEBF5
≈ Silver Phoenix
Triadico +120° +240°
- E9EDF6
Coconut White
- F6EAE8
≈ Fancy Pink
- E8EFE8
≈ Gossamer Wings
Complementare divisa +150° +210°
- E9EDF6
Coconut White
- F4EBE5
≈ Sauvignon
- ECEEE5
≈ Crème Fraîche
Tetradico +90° +180° +270°
- E9EDF6
Coconut White
- F5EAED
≈ Pampered Princess
- F1EDE4
≈ Cow’s Milk
- E5F0ED
≈ Aqua Tint
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.17:1 · APCA Lc 8
Ag
AAASu nero
WCAG 17.90:1 · APCA Lc 96
Miglior colore del testo: #000000
WCAG 17.90:1 (AAA) · APCA Lc 96
Contrast pairs
Frammenti di codice
CSS
:root {
--coconut-white: #e9edf6;
--coconut-white-rgb: 233 237 246;
--coconut-white-oklch: oklch(0.946 0.013 266.7);
}
.element {
color: var(--coconut-white);
background-color: hsl(222 42% 94%);
border-color: oklch(0.946 0.013 266.7);
}Tailwind CSS v4
@theme {
--color-coconut-white: #e9edf6;
--color-coconut-white-50: #f3f5f9;
--color-coconut-white-100: #e6e8ec;
--color-coconut-white-200: #d2d4da;
--color-coconut-white-300: #b4b7be;
--color-coconut-white-400: #9b9ea6;
--color-coconut-white-500: #82868f;
--color-coconut-white-600: #6e7179;
--color-coconut-white-700: #585b61;
--color-coconut-white-800: #404247;
--color-coconut-white-900: #2c2e31;
--color-coconut-white-950: #191b1d;
}SCSS
$coconut-white: #e9edf6;
$coconut-white-rgb: 233, 237, 246;
$coconut-white-light: mix(#fff, $coconut-white, 20%);
$coconut-white-dark: mix(#000, $coconut-white, 20%);
.element {
color: $coconut-white;
box-shadow: 0 0 0 2px rgba($coconut-white, 0.35);
}