Cor nomeada · #DBA87F
Eastern Spice
Eastern Spice é #DBA87F: rgb(219 168 127), hsl(27 56% 68%), oklch(0.769 0.082 60). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Eastern Spice color name →
#DBA87F
oklch(0.769 0.082 60)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- DFB18C
- E3B999
- E7C2A5
- EACBB2
- EED3BF
- F2DCCB
- F5E5D8
- F8EDE5
- FCF6F2
Sombras
- BE926E
- A27C5D
- 87674C
- 6D523C
- 543F2D
- 3C2C1F
- 261A11
- 110A06
- 020101
Tons
- D2A480
- C9A080
- BF9C80
- B69881
- AD9481
- A49081
- 9B8C81
- 928881
- 898480
Harmonias de cor
Complementar +180°
- DBA87F
Eastern Spice
- 83BBE3
≈ C’est la Vie
Análoga -30° +30°
- DBA87F
Eastern Spice
- E3A195
≈ Rose Dusk
- C8B277
≈ Saucy
Tríade +120° +240°
- DBA87F
Eastern Spice
- 77C5B6
≈ Monte Carlo
- BCA9E1
≈ Perfume
Complementar dividida +150° +210°
- DBA87F
Eastern Spice
- 72C2D1
≈ Surfin’
- 9FB2E9
≈ Wondrous Wisteria
Tétrade +90° +180° +270°
- DBA87F
Eastern Spice
- 8FC399
≈ Delltone
- 83BBE3
≈ C’est la Vie
- D2A1CD
≈ Geranium Bud
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.11:1 · APCA Lc 41
Ag
AAASobre preto
WCAG 9.91:1 · APCA Lc 61
Melhor cor de texto: #000000
WCAG 9.91:1 (AAA) · APCA Lc 61
Contrast pairs
Trechos de código
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);
}