命名颜色 · #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);
}