Preview
#9a5d32
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 5.27:1 · vs black: 3.99:1
HEX
#9a5d32
RGB
rgb(154, 93, 50)
RGBA
rgba(154, 93, 50, 1)
HSL
hsl(25, 51%, 40%)
HSV
hsv(25, 68%, 60%)
LAB
lab(45.54% 20.9 34.67)
LCH
lch(45.54% 40.48 58.92)
OKLAB
oklab(0.5383 0.0579 0.0799)
OKLCH
oklch(0.5383 0.0987 54.07)
XYZ
xyz(17.82, 14.93, 4.96)
CMYK
cmyk(0%, 40%, 68%, 40%)
CSS
color: #9a5d32;
CSS variable
--color-9a5d32: #9a5d32;
SCSS
$color-9a5d32: #9a5d32;
Tailwind
red-600
Export
:root {
--spectrum-#9a5d32-1: #9a5d32;
}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.