Preview
#bbbcaf
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.92:1 · vs black: 10.93:1
HEX
#bbbcaf
RGB
rgb(187, 188, 175)
RGBA
rgba(187, 188, 175, 1)
HSL
hsl(65, 9%, 71%)
HSV
hsv(65, 7%, 74%)
LAB
lab(75.84% -2.69 6.45)
LCH
lch(75.84% 6.99 112.64)
OKLAB
oklab(0.7907 -0.0063 0.0169)
OKLCH
oklch(0.7907 0.018 110.44)
XYZ
xyz(46.21, 49.63, 47.69)
CMYK
cmyk(1%, 0%, 7%, 26%)
CSS
color: #bbbcaf;
CSS variable
--color-bbbcaf: #bbbcaf;
SCSS
$color-bbbcaf: #bbbcaf;
Tailwind
amber-200
Export
:root {
--#bbbcaf-1: #bbbcaf;
}Optimism, attention, and warmth. Ideal for highlights, warnings, and cheerful brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Yellow family.