Preview
#bcb2a4
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.09:1 · vs black: 10.04:1
HEX
#bcb2a4
RGB
rgb(188, 178, 164)
RGBA
rgba(188, 178, 164, 1)
HSL
hsl(35, 15%, 69%)
HSV
hsv(35, 13%, 74%)
LAB
lab(73.03% 1.15 8.43)
LCH
lch(73.03% 8.51 82.23)
OKLAB
oklab(0.768 0.0053 0.022)
OKLCH
oklch(0.768 0.0226 76.46)
XYZ
xyz(43.36, 45.21, 41.56)
CMYK
cmyk(0%, 5%, 13%, 26%)
CSS
color: #bcb2a4;
CSS variable
--color-bcb2a4: #bcb2a4;
SCSS
$color-bcb2a4: #bcb2a4;
Tailwind
red-300
Export
:root {
--#bcb2a4-1: #bcb2a4;
}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.