Preview
#b2a492
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.44:1 · vs black: 8.62:1
HEX
#b2a492
RGB
rgb(178, 164, 146)
RGBA
rgba(178, 164, 146, 1)
HSL
hsl(34, 17%, 64%)
HSV
hsv(34, 18%, 70%)
LAB
lab(68.09% 2.05 11.18)
LCH
lch(68.09% 11.37 79.61)
OKLAB
oklab(0.7257 0.0082 0.029)
OKLCH
oklch(0.7257 0.0301 74.21)
XYZ
xyz(36.82, 38.09, 32.60)
CMYK
cmyk(0%, 8%, 18%, 30%)
CSS
color: #b2a492;
CSS variable
--color-b2a492: #b2a492;
SCSS
$color-b2a492: #b2a492;
Tailwind
red-300
Export
:root {
--#b2a492-1: #b2a492;
}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.