Preview
#8e5b3e
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 5.65:1 · vs black: 3.72:1
HEX
#8e5b3e
RGB
rgb(142, 91, 62)
RGBA
rgba(142, 91, 62, 1)
HSL
hsl(22, 39%, 40%)
HSV
hsv(22, 56%, 56%)
LAB
lab(43.63% 17.71 25.26)
LCH
lch(43.63% 30.85 54.97)
OKLAB
oklab(0.5206 0.0512 0.0609)
OKLCH
oklch(0.5206 0.0796 49.95)
XYZ
xyz(15.77, 13.58, 6.35)
CMYK
cmyk(0%, 36%, 56%, 44%)
CSS
color: #8e5b3e;
CSS variable
--color-8e5b3e: #8e5b3e;
SCSS
$color-8e5b3e: #8e5b3e;
Tailwind
red-600
Export
:root {
--#8e5b3e-1: #8e5b3e;
}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.