Nazwany kolor · #E8E3D6
Elusive White
Elusive White to #E8E3D6: rgb(232 227 214), hsl(43 28% 87%), oklch(0.916 0.018 89.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Elusive White color name →
#E8E3D6
oklch(0.916 0.018 89.4)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EAE6DA
- EDE9DE
- EFEBE2
- F1EEE6
- F3F1EA
- F6F4EE
- F8F7F3
- FAF9F7
- FDFCFB
Odcienie ciemniejsze
- CAC5BA
- ACA89E
- 908C84
- 74716A
- 595752
- 403F3B
- 292725
- 131210
- 030302
Tony
- DDD9CD
- D2CEC4
- C8C4BB
- BDBAB3
- B3B0AA
- A8A6A1
- 9E9D99
- 949391
- 8A8988
Harmonie kolorów
Komplementarna +180°
- E8E3D6
Elusive White
- DEE3F0
≈ Iris Ice
Analogowa -30° +30°
- E8E3D6
Elusive White
- EDE1D8
≈ Sea Salt
- E2E5D8
≈ Touch of Lime
Triada +120° +240°
- E8E3D6
Elusive White
- D6E7EA
≈ Bravo Blue
- EBDFE9
≈ Angora Pink
Komplementarna rozszczepiona +150° +210°
- E8E3D6
Elusive White
- D9E5EE
≈ Ocean Air
- E5E1EE
≈ Homoeopathic Lavender
Tetrada +90° +180° +270°
- E8E3D6
Elusive White
- D7E8E3
≈ Aqua Breeze
- DEE3F0
≈ Iris Ice
- EEDFE3
≈ Barely Rose
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.28:1 · APCA Lc 14
Ag
AAANa czerni
WCAG 16.38:1 · APCA Lc 90
Najlepszy kolor tekstu: #000000
WCAG 16.38:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmenty kodu
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);
}