Preview
#97551c
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 5.78:1 · vs black: 3.63:1
HEX
#97551c
RGB
rgb(151, 85, 28)
RGBA
rgba(151, 85, 28, 1)
HSL
hsl(28, 69%, 35%)
HSV
hsv(28, 81%, 59%)
LAB
lab(43.01% 23.01 42.81)
LCH
lch(43.01% 48.6 61.74)
OKLAB
oklab(0.5172 0.0609 0.0927)
OKLCH
oklch(0.5172 0.1109 56.7)
XYZ
xyz(16.22, 13.16, 2.78)
CMYK
cmyk(0%, 44%, 81%, 41%)
CSS
color: #97551c;
CSS variable
--color-97551c: #97551c;
SCSS
$color-97551c: #97551c;
Tailwind
red-600
Export
:root {
--#97551c-1: #97551c;
}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.