Preview
#9f6340
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 4.85:1 · vs black: 4.33:1
HEX
#9f6340
RGB
rgb(159, 99, 64)
RGBA
rgba(159, 99, 64, 1)
HSL
hsl(22, 43%, 44%)
HSV
hsv(22, 60%, 62%)
LAB
lab(47.84% 20.67 29.83)
LCH
lch(47.84% 36.29 55.28)
OKLAB
oklab(0.558 0.059 0.0709)
OKLCH
oklch(0.558 0.0922 50.23)
XYZ
xyz(19.69, 16.67, 7.03)
CMYK
cmyk(0%, 38%, 60%, 38%)
CSS
color: #9f6340;
CSS variable
--color-9f6340: #9f6340;
SCSS
$color-9f6340: #9f6340;
Tailwind
red-500
Export
:root {
--#9f6340-1: #9f6340;
}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.