Couleur nommée · #EAE4DA
Hot Desert
Hot Desert correspond à #EAE4DA : rgb(234 228 218), hsl(38 28% 89%), oklch(0.921 0.015 80.7). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Hot Desert color name →
#EAE4DA
oklch(0.921 0.015 80.7)
Conversions de couleur
- HEX
- #eae4da
- RGB
- rgb(234 228 218)
- HSL
- hsl(38 28% 89%)
- HWB
- hwb(38 85% 8%)
- OKLCH
- oklch(0.921 0.015 80.7)
- OKLab
- oklab(0.921 0.002 0.015)
- CIE Lab
- lab(90.86 0.83 5.65)
- LCH
- lch(90.86 5.72 81.7)
- CMYK
- cmyk(0% 3% 7% 8%)
Teintes · Ombres · Tons
Teintes
- ECE7DE
- EEE9E1
- F0ECE5
- F2EFE9
- F4F1EC
- F7F4F0
- F9F7F4
- FBFAF8
- FDFCFB
Ombres
- CBC6BD
- AEA9A2
- 918D87
- 75726C
- 5A5854
- 413F3C
- 292825
- 131211
- 030302
Tons
- DFDAD1
- D4CFC7
- C9C5BE
- BEBBB5
- B4B1AC
- A9A7A3
- 9F9D9A
- 949391
- 8A8A89
Harmonies de couleurs
Complémentaire +180°
- EAE4DA
Hot Desert
- DFE5EF
≈ Radiant Moon
Analogue -30° +30°
- EAE4DA
Hot Desert
- EEE2DC
≈ Liberia
- E5E6DB
≈ Crystal Brooke
Triadique +120° +240°
- EAE4DA
Hot Desert
- DAE8E9
≈ Soft Blue White
- EAE2EB
≈ Dream Dust
Complémentaire divisée +150° +210°
- EAE4DA
Hot Desert
- DBE7ED
≈ Moby Dick
- E4E3EE
≈ Farsighted
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.26:1 · APCA Lc 13
Ag
AAASur noir
WCAG 16.60:1 · APCA Lc 91
Meilleure couleur de texte: #000000
WCAG 16.60:1 (AAA) · APCA Lc 91
Contrast pairs
Extraits de code
CSS
:root {
--hot-desert: #eae4da;
--hot-desert-rgb: 234 228 218;
--hot-desert-oklch: oklch(0.921 0.015 80.7);
}
.element {
color: var(--hot-desert);
background-color: hsl(38 28% 89%);
border-color: oklch(0.921 0.015 80.7);
}Tailwind CSS v4
@theme {
--color-hot-desert: #eae4da;
--color-hot-desert-50: #f7f5f0;
--color-hot-desert-100: #eae7e2;
--color-hot-desert-200: #d7d4cd;
--color-hot-desert-300: #bbb7af;
--color-hot-desert-400: #a39e95;
--color-hot-desert-500: #8b857b;
--color-hot-desert-600: #767168;
--color-hot-desert-700: #5e5a53;
--color-hot-desert-800: #45423d;
--color-hot-desert-900: #302d2a;
--color-hot-desert-950: #1c1a17;
}SCSS
$hot-desert: #eae4da;
$hot-desert-rgb: 234, 228, 218;
$hot-desert-light: mix(#fff, $hot-desert, 20%);
$hot-desert-dark: mix(#000, $hot-desert, 20%);
.element {
color: $hot-desert;
box-shadow: 0 0 0 2px rgba($hot-desert, 0.35);
}