لون مسمّى · #EAE4DA
Hot Desert
Hot Desert هو #EAE4DA: rgb(234 228 218)، hsl(38 28% 89%)، oklch(0.921 0.015 80.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Hot Desert color name →
#EAE4DA
oklch(0.921 0.015 80.7)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- ECE7DE
- EEE9E1
- F0ECE5
- F2EFE9
- F4F1EC
- F7F4F0
- F9F7F4
- FBFAF8
- FDFCFB
درجات داكنة
- CBC6BD
- AEA9A2
- 918D87
- 75726C
- 5A5854
- 413F3C
- 292825
- 131211
- 030302
درجات رمادية
- DFDAD1
- D4CFC7
- C9C5BE
- BEBBB5
- B4B1AC
- A9A7A3
- 9F9D9A
- 949391
- 8A8A89
تناسق الألوان
متمم +180°
- EAE4DA
Hot Desert
- DFE5EF
≈ Radiant Moon
متجاور -30° +30°
- EAE4DA
Hot Desert
- EEE2DC
≈ Liberia
- E5E6DB
≈ Crystal Brooke
ثلاثي +120° +240°
- EAE4DA
Hot Desert
- DAE8E9
≈ Soft Blue White
- EAE2EB
≈ Dream Dust
متمم منقسم +150° +210°
- EAE4DA
Hot Desert
- DBE7ED
≈ Moby Dick
- E4E3EE
≈ Farsighted
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.26:1 · APCA Lc 13
Ag
AAAعلى الأسود
WCAG 16.60:1 · APCA Lc 91
أفضل لون للنص: #000000
WCAG 16.60:1 (AAA) · APCA Lc 91
Contrast pairs
مقتطفات الأكواد
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);
}