Preview
#bfb8aa
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.97:1 · vs black: 10.65:1
HEX
#bfb8aa
RGB
rgb(191, 184, 170)
RGBA
rgba(191, 184, 170, 1)
HSL
hsl(40, 14%, 71%)
HSV
hsv(40, 11%, 75%)
LAB
lab(74.99% 0.03 7.99)
LCH
lch(74.99% 7.99 89.78)
OKLAB
oklab(0.7844 0.002 0.0209)
OKLCH
oklch(0.7844 0.021 84.53)
XYZ
xyz(45.88, 48.26, 44.92)
CMYK
cmyk(0%, 4%, 11%, 25%)
CSS
color: #bfb8aa;
CSS variable
--color-bfb8aa: #bfb8aa;
SCSS
$color-bfb8aa: #bfb8aa;
Tailwind
orange-200
Export
:root {
--#bfb8aa-1: #bfb8aa;
}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.