Preview
#8e5a3e
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 5.7:1 · vs black: 3.68:1
HEX
#8e5a3e
RGB
rgb(142, 90, 62)
RGBA
rgba(142, 90, 62, 1)
HSL
hsl(21, 39%, 40%)
HSV
hsv(21, 56%, 56%)
LAB
lab(43.38% 18.3 24.94)
LCH
lch(43.38% 30.93 53.73)
OKLAB
oklab(0.5187 0.053 0.0602)
OKLCH
oklch(0.5187 0.0802 48.64)
XYZ
xyz(15.68, 13.41, 6.32)
CMYK
cmyk(0%, 37%, 56%, 44%)
CSS
color: #8e5a3e;
CSS variable
--color-8e5a3e: #8e5a3e;
SCSS
$color-8e5a3e: #8e5a3e;
Tailwind
red-600
Export
:root {
--#8e5a3e-1: #8e5a3e;
}Bold warmth and intensity. Strong for food, sports, and energetic identities.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Deep Orange family.