Preview
#bfbab1
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.93:1 · vs black: 10.87:1
HEX
#bfbab1
RGB
rgb(191, 186, 177)
RGBA
rgba(191, 186, 177, 1)
HSL
hsl(39, 10%, 72%)
HSV
hsv(39, 7%, 75%)
LAB
lab(75.68% 0.16 5.18)
LCH
lch(75.68% 5.18 88.23)
OKLAB
oklab(0.7904 0.0018 0.0136)
OKLCH
oklch(0.7904 0.0137 82.46)
XYZ
xyz(46.98, 49.37, 48.64)
CMYK
cmyk(0%, 3%, 7%, 25%)
CSS
color: #bfbab1;
CSS variable
--color-bfbab1: #bfbab1;
SCSS
$color-bfbab1: #bfbab1;
Tailwind
red-200
Export
:root {
--#bfbab1-1: #bfbab1;
}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.