Màu có tên · #EAE4DA
Hot Desert
Hot Desert là #EAE4DA: rgb(234 228 218), hsl(38 28% 89%), oklch(0.921 0.015 80.7). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Gray mean? → · Hot Desert color name →
#EAE4DA
oklch(0.921 0.015 80.7)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- ECE7DE
- EEE9E1
- F0ECE5
- F2EFE9
- F4F1EC
- F7F4F0
- F9F7F4
- FBFAF8
- FDFCFB
Sắc đậm
- CBC6BD
- AEA9A2
- 918D87
- 75726C
- 5A5854
- 413F3C
- 292825
- 131211
- 030302
Sắc xám
- DFDAD1
- D4CFC7
- C9C5BE
- BEBBB5
- B4B1AC
- A9A7A3
- 9F9D9A
- 949391
- 8A8A89
Hòa sắc
Bổ túc +180°
- EAE4DA
Hot Desert
- DFE5EF
≈ Radiant Moon
Tương đồng -30° +30°
- EAE4DA
Hot Desert
- EEE2DC
≈ Liberia
- E5E6DB
≈ Crystal Brooke
Bộ ba +120° +240°
- EAE4DA
Hot Desert
- DAE8E9
≈ Soft Blue White
- EAE2EB
≈ Dream Dust
Bổ túc chia +150° +210°
- EAE4DA
Hot Desert
- DBE7ED
≈ Moby Dick
- E4E3EE
≈ Farsighted
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.26:1 · APCA Lc 13
Ag
AAATrên nền đen
WCAG 16.60:1 · APCA Lc 91
Màu chữ tốt nhất: #000000
WCAG 16.60:1 (AAA) · APCA Lc 91
Contrast pairs
Đoạn mã
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);
}