Preview
#b17a5a
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 3.62:1 · vs black: 5.8:1
HEX
#b17a5a
RGB
rgb(177, 122, 90)
RGBA
rgba(177, 122, 90, 1)
HSL
hsl(22, 36%, 52%)
HSV
hsv(22, 49%, 69%)
LAB
lab(56.09% 17.68 26.11)
LCH
lch(56.09% 31.53 55.9)
OKLAB
oklab(0.6281 0.0521 0.0641)
OKLCH
oklch(0.6281 0.0826 50.9)
XYZ
xyz(26.94, 24.01, 12.89)
CMYK
cmyk(0%, 31%, 49%, 31%)
CSS
color: #b17a5a;
CSS variable
--color-b17a5a: #b17a5a;
SCSS
$color-b17a5a: #b17a5a;
Tailwind
red-400
Export
:root {
--#b17a5a-1: #b17a5a;
}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.