Màu có tên · #DBA87F
Eastern Spice
Eastern Spice là #DBA87F: rgb(219 168 127), hsl(27 56% 68%), oklch(0.769 0.082 60). 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 Orange mean? → · Eastern Spice color name →
#DBA87F
oklch(0.769 0.082 60)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DFB18C
- E3B999
- E7C2A5
- EACBB2
- EED3BF
- F2DCCB
- F5E5D8
- F8EDE5
- FCF6F2
Sắc đậm
- BE926E
- A27C5D
- 87674C
- 6D523C
- 543F2D
- 3C2C1F
- 261A11
- 110A06
- 020101
Sắc xám
- D2A480
- C9A080
- BF9C80
- B69881
- AD9481
- A49081
- 9B8C81
- 928881
- 898480
Hòa sắc
Bổ túc +180°
- DBA87F
Eastern Spice
- 83BBE3
≈ C’est la Vie
Tương đồng -30° +30°
- DBA87F
Eastern Spice
- E3A195
≈ Rose Dusk
- C8B277
≈ Saucy
Bộ ba +120° +240°
- DBA87F
Eastern Spice
- 77C5B6
≈ Monte Carlo
- BCA9E1
≈ Perfume
Bổ túc chia +150° +210°
- DBA87F
Eastern Spice
- 72C2D1
≈ Surfin’
- 9FB2E9
≈ Wondrous Wisteria
Bộ bốn +90° +180° +270°
- DBA87F
Eastern Spice
- 8FC399
≈ Delltone
- 83BBE3
≈ C’est la Vie
- D2A1CD
≈ Geranium Bud
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.11:1 · APCA Lc 41
Ag
AAATrên nền đen
WCAG 9.91:1 · APCA Lc 61
Màu chữ tốt nhất: #000000
WCAG 9.91:1 (AAA) · APCA Lc 61
Contrast pairs
Đoạn mã
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);
}