Preview
#b8ac93
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.24:1 · vs black: 9.36:1
HEX
#b8ac93
RGB
rgb(184, 172, 147)
RGBA
rgba(184, 172, 147, 1)
HSL
hsl(41, 21%, 65%)
HSV
hsv(41, 20%, 72%)
LAB
lab(70.73% 0.17 14.43)
LCH
lch(70.73% 14.43 89.33)
OKLAB
oklab(0.7478 0.003 0.0372)
OKLCH
oklch(0.7478 0.0373 85.39)
XYZ
xyz(39.79, 41.80, 33.57)
CMYK
cmyk(0%, 7%, 20%, 28%)
CSS
color: #b8ac93;
CSS variable
--color-b8ac93: #b8ac93;
SCSS
$color-b8ac93: #b8ac93;
Tailwind
orange-300
Export
:root {
--#b8ac93-1: #b8ac93;
}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.