命名颜色 · #E9D2BB
Spiced Beige
Spiced Beige 即 #E9D2BB：rgb(233 210 187)、hsl(30 51% 82%)、oklch(0.877 0.04 67.3)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Spiced Beige color name →
#E9D2BB
oklch(0.877 0.04 67.3)
颜色转换
- HEX
- #e9d2bb
- RGB
- rgb(233 210 187)
- HSL
- hsl(30 51% 82%)
- HWB
- hwb(30 73% 9%)
- OKLCH
- oklch(0.877 0.04 67.3)
- OKLab
- oklab(0.877 0.016 0.037)
- CIE Lab
- lab(85.68 5.61 14.51)
- LCH
- lch(85.68 15.56 68.9)
- CMYK
- cmyk(0% 10% 20% 9%)
浅色调 · 深色调 · 灰色调
浅色调
- EBD6C2
- EDDBC8
- F0DFCF
- F2E4D6
- F4E8DD
- F6EDE4
- F9F1EA
- FBF6F1
- FDFAF8
深色调
- CBB6A2
- AD9B8A
- 908173
- 74685C
- 5A5046
- 413932
- 29241F
- 13100D
- 030202
灰色调
- DECAB5
- D3C1AF
- C8B9A9
- BEB0A3
- B3A89D
- A9A097
- 9E9891
- 94908C
- 8A8886
配色和谐
互补色 +180°
- E9D2BB
Spiced Beige
- C2DAF0
≈ Light Powder Blue
类似色 -30° +30°
- E9D2BB
Spiced Beige
- EFCEC4
≈ Leverkaas
- DDD7B9
≈ Handmade Linen
三角配色 +120° +240°
- E9D2BB
Spiced Beige
- BAE0DB
≈ Mystic Sea
- DDD0EC
≈ Shimmering Sky
分裂互补色 +150° +210°
- E9D2BB
Spiced Beige
- BADEE8
≈ Himalaya White Blue
- CFD5F1
≈ Garden Fairy
四角配色 +90° +180° +270°
- E9D2BB
Spiced Beige
- C2DFCC
≈ Luna Green
- C2DAF0
≈ Light Powder Blue
- E9CDE0
≈ Sweety Pie
对比度与无障碍
Ag
Fail白底
WCAG 1.45:1 · APCA Lc 22
Ag
AAA黑底
WCAG 14.40:1 · APCA Lc 82
最佳文字颜色: #000000
WCAG 14.40:1 (AAA) · APCA Lc 82
Contrast pairs
代码片段
CSS
:root {
--spiced-beige: #e9d2bb;
--spiced-beige-rgb: 233 210 187;
--spiced-beige-oklch: oklch(0.877 0.04 67.3);
}
.element {
color: var(--spiced-beige);
background-color: hsl(30 51% 82%);
border-color: oklch(0.877 0.04 67.3);
}Tailwind CSS v4
@theme {
--color-spiced-beige: #e9d2bb;
--color-spiced-beige-50: #fdf3e9;
--color-spiced-beige-100: #f1e6da;
--color-spiced-beige-200: #e0d2c2;
--color-spiced-beige-300: #c5b4a2;
--color-spiced-beige-400: #af9a86;
--color-spiced-beige-500: #99816a;
--color-spiced-beige-600: #816e5a;
--color-spiced-beige-700: #675848;
--color-spiced-beige-800: #4c4034;
--color-spiced-beige-900: #352c23;
--color-spiced-beige-950: #201912;
}SCSS
$spiced-beige: #e9d2bb;
$spiced-beige-rgb: 233, 210, 187;
$spiced-beige-light: mix(#fff, $spiced-beige, 20%);
$spiced-beige-dark: mix(#000, $spiced-beige, 20%);
.element {
color: $spiced-beige;
box-shadow: 0 0 0 2px rgba($spiced-beige, 0.35);
}