Preview
#b3a49a
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.42:1 · vs black: 8.69:1
HEX
#b3a49a
RGB
rgb(179, 164, 154)
RGBA
rgba(179, 164, 154, 1)
HSL
hsl(24, 14%, 65%)
HSV
hsv(24, 14%, 70%)
LAB
lab(68.36% 3.72 7.15)
LCH
lch(68.36% 8.06 62.51)
OKLAB
oklab(0.7287 0.0126 0.0187)
OKLCH
oklch(0.7287 0.0225 56.03)
XYZ
xyz(37.70, 38.47, 36.00)
CMYK
cmyk(0%, 8%, 14%, 30%)
CSS
color: #b3a49a;
CSS variable
--color-b3a49a: #b3a49a;
SCSS
$color-b3a49a: #b3a49a;
Tailwind
red-300
Export
:root {
--#b3a49a-1: #b3a49a;
}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.