Preview
#bfbbb0
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.92:1 · vs black: 10.95:1
HEX
#bfbbb0
RGB
rgb(191, 187, 176)
RGBA
rgba(191, 187, 176, 1)
HSL
hsl(44, 10%, 72%)
HSV
hsv(44, 8%, 75%)
LAB
lab(75.92% -0.55 6.06)
LCH
lch(75.92% 6.08 95.19)
OKLAB
oklab(0.7922 -0.0001 0.0159)
OKLCH
oklch(0.7922 0.0159 90.36)
XYZ
xyz(47.09, 49.75, 48.19)
CMYK
cmyk(0%, 2%, 8%, 25%)
CSS
color: #bfbbb0;
CSS variable
--color-bfbbb0: #bfbbb0;
SCSS
$color-bfbbb0: #bfbbb0;
Tailwind
orange-200
Export
:root {
--#bfbbb0-1: #bfbbb0;
}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.