Preview
#bbb39e
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.09:1 · vs black: 10.05:1
HEX
#bbb39e
RGB
rgb(187, 179, 158)
RGBA
rgba(187, 179, 158, 1)
HSL
hsl(43, 18%, 68%)
HSV
hsv(43, 16%, 73%)
LAB
lab(73.07% -0.74 11.75)
LCH
lch(73.07% 11.77 93.6)
OKLAB
oklab(0.7676 0.0002 0.0305)
OKLCH
oklch(0.7676 0.0305 89.62)
XYZ
xyz(42.78, 45.27, 38.83)
CMYK
cmyk(0%, 4%, 16%, 27%)
CSS
color: #bbb39e;
CSS variable
--color-bbb39e: #bbb39e;
SCSS
$color-bbb39e: #bbb39e;
Tailwind
orange-300
Export
:root {
--#bbb39e-1: #bbb39e;
}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.