Preview
#9e8c7d
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 3.23:1 · vs black: 6.5:1
HEX
#9e8c7d
RGB
rgb(158, 140, 125)
RGBA
rgba(158, 140, 125, 1)
HSL
hsl(27, 15%, 55%)
HSV
hsv(27, 21%, 62%)
LAB
lab(59.44% 4.24 10.48)
LCH
lch(59.44% 11.31 67.97)
OKLAB
oklab(0.652 0.0144 0.0272)
OKLCH
oklch(0.652 0.0308 62.1)
XYZ
xyz(27.18, 27.51, 23.28)
CMYK
cmyk(0%, 11%, 21%, 38%)
CSS
color: #9e8c7d;
CSS variable
--color-9e8c7d: #9e8c7d;
SCSS
$color-9e8c7d: #9e8c7d;
Tailwind
red-400
Export
:root {
--#9e8c7d-1: #9e8c7d;
}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.