이름 색상 · #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);
}