Preview
#b2a497
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.43:1 · vs black: 8.65:1
HEX
#b2a497
RGB
rgb(178, 164, 151)
RGBA
rgba(178, 164, 151, 1)
HSL
hsl(29, 15%, 65%)
HSV
hsv(29, 15%, 70%)
LAB
lab(68.21% 2.86 8.58)
LCH
lch(68.21% 9.04 71.57)
OKLAB
oklab(0.727 0.0103 0.0224)
OKLCH
oklch(0.727 0.0247 65.31)
XYZ
xyz(37.22, 38.25, 34.69)
CMYK
cmyk(0%, 8%, 15%, 30%)
CSS
color: #b2a497;
CSS variable
--color-b2a497: #b2a497;
SCSS
$color-b2a497: #b2a497;
Tailwind
red-300
Export
:root {
--#b2a497-1: #b2a497;
}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.