Preview
#bbb6ab
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.02:1 · vs black: 10.39:1
HEX
#bbb6ab
RGB
rgb(187, 182, 171)
RGBA
rgba(187, 182, 171, 1)
HSL
hsl(41, 11%, 70%)
HSV
hsv(41, 9%, 73%)
LAB
lab(74.17% -0.19 6.22)
LCH
lch(74.17% 6.22 91.75)
OKLAB
oklab(0.7772 0.001 0.0163)
OKLCH
oklch(0.7772 0.0163 86.49)
XYZ
xyz(44.57, 46.96, 45.24)
CMYK
cmyk(0%, 3%, 9%, 27%)
CSS
color: #bbb6ab;
CSS variable
--color-bbb6ab: #bbb6ab;
SCSS
$color-bbb6ab: #bbb6ab;
Tailwind
orange-300
Export
:root {
--#bbb6ab-1: #bbb6ab;
}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.