Preview
#bbb7a0
Family: Amber
Accessibility on this swatch:
Contrast vs white: 2.02:1 · vs black: 10.39:1
HEX
#bbb7a0
RGB
rgb(187, 183, 160)
RGBA
rgba(187, 183, 160, 1)
HSL
hsl(51, 17%, 68%)
HSV
hsv(51, 14%, 73%)
LAB
lab(74.17% -2.55 12.21)
LCH
lch(74.17% 12.47 101.8)
OKLAB
oklab(0.7764 -0.005 0.0316)
OKLCH
oklch(0.7764 0.032 98.99)
XYZ
xyz(43.77, 46.97, 40.01)
CMYK
cmyk(0%, 2%, 14%, 27%)
CSS
color: #bbb7a0;
CSS variable
--color-bbb7a0: #bbb7a0;
SCSS
$color-bbb7a0: #bbb7a0;
Tailwind
orange-300
Export
:root {
--#bbb7a0-1: #bbb7a0;
}Confidence, warmth, and caution. Useful for notifications and premium earthy palettes.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Amber family.