Preview
#9f8f84
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 3.12:1 · vs black: 6.74:1
HEX
#9f8f84
RGB
rgb(159, 143, 132)
RGBA
rgba(159, 143, 132, 1)
HSL
hsl(24, 12%, 57%)
HSV
hsv(24, 17%, 62%)
LAB
lab(60.5% 4.08 8.02)
LCH
lch(60.5% 9 63.04)
OKLAB
oklab(0.661 0.0137 0.0209)
OKLCH
oklch(0.661 0.025 56.76)
XYZ
xyz(28.29, 28.68, 25.87)
CMYK
cmyk(0%, 10%, 17%, 38%)
CSS
color: #9f8f84;
CSS variable
--color-9f8f84: #9f8f84;
SCSS
$color-9f8f84: #9f8f84;
Tailwind
red-400
Export
:root {
--#9f8f84-1: #9f8f84;
}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.