Preview
#9f8777
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 3.38:1 · vs black: 6.21:1
HEX
#9f8777
RGB
rgb(159, 135, 119)
RGBA
rgba(159, 135, 119, 1)
HSL
hsl(24, 17%, 55%)
HSV
hsv(24, 25%, 62%)
LAB
lab(58.07% 6.53 11.99)
LCH
lch(58.07% 13.65 61.43)
OKLAB
oklab(0.641 0.0212 0.0309)
OKLCH
oklch(0.641 0.0375 55.55)
XYZ
xyz(26.29, 26.03, 21.09)
CMYK
cmyk(0%, 15%, 25%, 38%)
CSS
color: #9f8777;
CSS variable
--color-9f8777: #9f8777;
SCSS
$color-9f8777: #9f8777;
Tailwind
red-400
Export
:root {
--#9f8777-1: #9f8777;
}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.