命名颜色 · #DBA87F
Eastern Spice
Eastern Spice 即 #DBA87F：rgb(219 168 127)、hsl(27 56% 68%)、oklch(0.769 0.082 60)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Eastern Spice color name →
#DBA87F
oklch(0.769 0.082 60)
颜色转换
- HEX
- #dba87f
- RGB
- rgb(219 168 127)
- HSL
- hsl(27 56% 68%)
- HWB
- hwb(27 50% 14%)
- OKLCH
- oklch(0.769 0.082 60)
- OKLab
- oklab(0.769 0.041 0.071)
- CIE Lab
- lab(72.97 15.52 28.81)
- LCH
- lch(72.97 32.73 61.7)
- CMYK
- cmyk(0% 23% 42% 14%)
浅色调 · 深色调 · 灰色调
浅色调
- DFB18C
- E3B999
- E7C2A5
- EACBB2
- EED3BF
- F2DCCB
- F5E5D8
- F8EDE5
- FCF6F2
深色调
- BE926E
- A27C5D
- 87674C
- 6D523C
- 543F2D
- 3C2C1F
- 261A11
- 110A06
- 020101
灰色调
- D2A480
- C9A080
- BF9C80
- B69881
- AD9481
- A49081
- 9B8C81
- 928881
- 898480
配色和谐
互补色 +180°
- DBA87F
Eastern Spice
- 83BBE3
≈ C’est la Vie
类似色 -30° +30°
- DBA87F
Eastern Spice
- E3A195
≈ Rose Dusk
- C8B277
≈ Saucy
三角配色 +120° +240°
- DBA87F
Eastern Spice
- 77C5B6
≈ Monte Carlo
- BCA9E1
≈ Perfume
分裂互补色 +150° +210°
- DBA87F
Eastern Spice
- 72C2D1
≈ Surfin’
- 9FB2E9
≈ Wondrous Wisteria
四角配色 +90° +180° +270°
- DBA87F
Eastern Spice
- 8FC399
≈ Delltone
- 83BBE3
≈ C’est la Vie
- D2A1CD
≈ Geranium Bud
对比度与无障碍
Ag
Fail白底
WCAG 2.11:1 · APCA Lc 41
Ag
AAA黑底
WCAG 9.91:1 · APCA Lc 61
最佳文字颜色: #000000
WCAG 9.91:1 (AAA) · APCA Lc 61
Contrast pairs
代码片段
CSS
:root {
--eastern-spice: #dba87f;
--eastern-spice-rgb: 219 168 127;
--eastern-spice-oklch: oklch(0.769 0.082 60);
}
.element {
color: var(--eastern-spice);
background-color: hsl(27 56% 68%);
border-color: oklch(0.769 0.082 60);
}Tailwind CSS v4
@theme {
--color-eastern-spice: #dba87f;
--color-eastern-spice-50: #fff1de;
--color-eastern-spice-100: #fde3cd;
--color-eastern-spice-200: #eecdb1;
--color-eastern-spice-300: #d6af8d;
--color-eastern-spice-400: #c3936d;
--color-eastern-spice-500: #ae794c;
--color-eastern-spice-600: #936641;
--color-eastern-spice-700: #765234;
--color-eastern-spice-800: #583b25;
--color-eastern-spice-900: #3d2919;
--color-eastern-spice-950: #271609;
}SCSS
$eastern-spice: #dba87f;
$eastern-spice-rgb: 219, 168, 127;
$eastern-spice-light: mix(#fff, $eastern-spice, 20%);
$eastern-spice-dark: mix(#000, $eastern-spice, 20%);
.element {
color: $eastern-spice;
box-shadow: 0 0 0 2px rgba($eastern-spice, 0.35);
}