Preview
#b2a89e
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.34:1 · vs black: 8.99:1
HEX
#b2a89e
RGB
rgb(178, 168, 158)
RGBA
rgba(178, 168, 158, 1)
HSL
hsl(30, 11%, 66%)
HSV
hsv(30, 11%, 70%)
LAB
lab(69.43% 1.84 6.45)
LCH
lch(69.43% 6.71 74.08)
OKLAB
oklab(0.7372 0.007 0.0169)
OKLCH
oklch(0.7372 0.0183 67.5)
XYZ
xyz(38.53, 39.94, 38.02)
CMYK
cmyk(0%, 6%, 11%, 30%)
CSS
color: #b2a89e;
CSS variable
--color-b2a89e: #b2a89e;
SCSS
$color-b2a89e: #b2a89e;
Tailwind
red-300
Export
:root {
--#b2a89e-1: #b2a89e;
}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.