命名颜色 · #EAD5B9
Nevada Sand
Nevada Sand 即 #EAD5B9：rgb(234 213 185)、hsl(34 54% 82%)、oklch(0.883 0.044 75.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Nevada Sand color name →
#EAD5B9
oklch(0.883 0.044 75.1)
颜色转换
- HEX
- #ead5b9
- RGB
- rgb(234 213 185)
- HSL
- hsl(34 54% 82%)
- HWB
- hwb(34 73% 8%)
- OKLCH
- oklch(0.883 0.044 75.1)
- OKLab
- oklab(0.883 0.011 0.043)
- CIE Lab
- lab(86.48 4.3 16.68)
- LCH
- lch(86.48 17.23 75.5)
- CMYK
- cmyk(0% 9% 21% 8%)
浅色调 · 深色调 · 灰色调
浅色调
- ECD9C0
- EEDDC7
- F0E2CE
- F3E6D5
- F5EADC
- F7EEE3
- F9F2EA
- FBF7F1
- FDFBF8
深色调
- CBB9A0
- AE9E89
- 918371
- 756A5B
- 5A5146
- 413A31
- 29241E
- 13100D
- 030202
灰色调
- DFCCB3
- D4C3AD
- C9BBA8
- BEB2A2
- B4AA9C
- A9A197
- 9F9991
- 94908B
- 8A8886
配色和谐
互补色 +180°
- EAD5B9
Nevada Sand
- C6DBF6
≈ Fly a Kite
类似色 -30° +30°
- EAD5B9
Nevada Sand
- F3D0C1
≈ Indian Clay
- DCDBBA
≈ Apple Cucumber
三角配色 +120° +240°
- EAD5B9
Nevada Sand
- B8E2E1
≈ Fine Blue
- E4D0ED
≈ Little Touch
分裂互补色 +150° +210°
- EAD5B9
Nevada Sand
- BBDFEF
≈ Fountains of Budapest
- D5D5F5
≈ Flax Bloom
四角配色 +90° +180° +270°
- EAD5B9
Nevada Sand
- BFE2D1
≈ Beru
- C6DBF6
≈ Fly a Kite
- EFCDDF
≈ LA Vibes
对比度与无障碍
Ag
Fail白底
WCAG 1.42:1 · APCA Lc 21
Ag
AAA黑底
WCAG 14.71:1 · APCA Lc 83
最佳文字颜色: #000000
WCAG 14.71:1 (AAA) · APCA Lc 83
Contrast pairs
代码片段
CSS
:root {
--nevada-sand: #ead5b9;
--nevada-sand-rgb: 234 213 185;
--nevada-sand-oklch: oklch(0.883 0.044 75.1);
}
.element {
color: var(--nevada-sand);
background-color: hsl(34 54% 82%);
border-color: oklch(0.883 0.044 75.1);
}Tailwind CSS v4
@theme {
--color-nevada-sand: #ead5b9;
--color-nevada-sand-50: #fcf4e8;
--color-nevada-sand-100: #f0e6d8;
--color-nevada-sand-200: #dfd2c0;
--color-nevada-sand-300: #c4b59f;
--color-nevada-sand-400: #ae9b82;
--color-nevada-sand-500: #988266;
--color-nevada-sand-600: #806e56;
--color-nevada-sand-700: #675845;
--color-nevada-sand-800: #4c4032;
--color-nevada-sand-900: #352c22;
--color-nevada-sand-950: #201911;
}SCSS
$nevada-sand: #ead5b9;
$nevada-sand-rgb: 234, 213, 185;
$nevada-sand-light: mix(#fff, $nevada-sand, 20%);
$nevada-sand-dark: mix(#000, $nevada-sand, 20%);
.element {
color: $nevada-sand;
box-shadow: 0 0 0 2px rgba($nevada-sand, 0.35);
}