Colore con nome · #E8E3D6
Elusive White
Elusive White è #E8E3D6: rgb(232 227 214), hsl(43 28% 87%), oklch(0.916 0.018 89.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Elusive White color name →
#E8E3D6
oklch(0.916 0.018 89.4)
Conversioni di colore
- HEX
- #e8e3d6
- RGB
- rgb(232 227 214)
- HSL
- hsl(43 28% 87%)
- HWB
- hwb(43 84% 9%)
- OKLCH
- oklch(0.916 0.018 89.4)
- OKLab
- oklab(0.916 0 0.018)
- CIE Lab
- lab(90.37 0.1 7)
- LCH
- lch(90.37 7.01 89.2)
- CMYK
- cmyk(0% 2% 8% 9%)
Tinte · Ombre · Toni
Tinte
- EAE6DA
- EDE9DE
- EFEBE2
- F1EEE6
- F3F1EA
- F6F4EE
- F8F7F3
- FAF9F7
- FDFCFB
Ombre
- CAC5BA
- ACA89E
- 908C84
- 74716A
- 595752
- 403F3B
- 292725
- 131210
- 030302
Toni
- DDD9CD
- D2CEC4
- C8C4BB
- BDBAB3
- B3B0AA
- A8A6A1
- 9E9D99
- 949391
- 8A8988
Armonie di colore
Complementare +180°
- E8E3D6
Elusive White
- DEE3F0
≈ Iris Ice
Analogo -30° +30°
- E8E3D6
Elusive White
- EDE1D8
≈ Sea Salt
- E2E5D8
≈ Touch of Lime
Triadico +120° +240°
- E8E3D6
Elusive White
- D6E7EA
≈ Bravo Blue
- EBDFE9
≈ Angora Pink
Complementare divisa +150° +210°
- E8E3D6
Elusive White
- D9E5EE
≈ Ocean Air
- E5E1EE
≈ Homoeopathic Lavender
Tetradico +90° +180° +270°
- E8E3D6
Elusive White
- D7E8E3
≈ Aqua Breeze
- DEE3F0
≈ Iris Ice
- EEDFE3
≈ Barely Rose
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.28:1 · APCA Lc 14
Ag
AAASu nero
WCAG 16.38:1 · APCA Lc 90
Miglior colore del testo: #000000
WCAG 16.38:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--elusive-white: #e8e3d6;
--elusive-white-rgb: 232 227 214;
--elusive-white-oklch: oklch(0.916 0.018 89.4);
}
.element {
color: var(--elusive-white);
background-color: hsl(43 28% 87%);
border-color: oklch(0.916 0.018 89.4);
}Tailwind CSS v4
@theme {
--color-elusive-white: #e8e3d6;
--color-elusive-white-50: #f7f5ef;
--color-elusive-white-100: #eae8e1;
--color-elusive-white-200: #d7d4cc;
--color-elusive-white-300: #bbb7ad;
--color-elusive-white-400: #a39e93;
--color-elusive-white-500: #8b8679;
--color-elusive-white-600: #757166;
--color-elusive-white-700: #5e5b52;
--color-elusive-white-800: #45423b;
--color-elusive-white-900: #302e29;
--color-elusive-white-950: #1c1a17;
}SCSS
$elusive-white: #e8e3d6;
$elusive-white-rgb: 232, 227, 214;
$elusive-white-light: mix(#fff, $elusive-white, 20%);
$elusive-white-dark: mix(#000, $elusive-white, 20%);
.element {
color: $elusive-white;
box-shadow: 0 0 0 2px rgba($elusive-white, 0.35);
}