Preview
#b2a992
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.34:1 · vs black: 8.98:1
HEX
#b2a992
RGB
rgb(178, 169, 146)
RGBA
rgba(178, 169, 146, 1)
HSL
hsl(43, 17%, 64%)
HSV
hsv(43, 18%, 70%)
LAB
lab(69.41% -0.66 13.04)
LCH
lch(69.41% 13.06 92.9)
OKLAB
oklab(0.7361 0.0005 0.0337)
OKLCH
oklch(0.7361 0.0337 89.15)
XYZ
xyz(37.74, 39.92, 32.91)
CMYK
cmyk(0%, 5%, 18%, 30%)
CSS
color: #b2a992;
CSS variable
--color-b2a992: #b2a992;
SCSS
$color-b2a992: #b2a992;
Tailwind
orange-300
Export
:root {
--#b2a992-1: #b2a992;
}Creativity, enthusiasm, and friendliness. Approachable CTAs and lifestyle brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Orange family.