Preview
#9e8b84
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 3.24:1 · vs black: 6.48:1
HEX
#9e8b84
RGB
rgb(158, 139, 132)
RGBA
rgba(158, 139, 132, 1)
HSL
hsl(16, 12%, 57%)
HSV
hsv(16, 16%, 62%)
LAB
lab(59.34% 5.93 6.36)
LCH
lch(59.34% 8.7 47)
OKLAB
oklab(0.6518 0.019 0.0167)
OKLCH
oklch(0.6518 0.0253 41.31)
XYZ
xyz(27.50, 27.40, 25.67)
CMYK
cmyk(0%, 12%, 16%, 38%)
CSS
color: #9e8b84;
CSS variable
--color-9e8b84: #9e8b84;
SCSS
$color-9e8b84: #9e8b84;
Tailwind
slate-400
Export
:root {
--#9e8b84-1: #9e8b84;
}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.