Preview
#bbbb93
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.97:1 · vs black: 10.64:1
HEX
#bbbb93
RGB
rgb(187, 187, 147)
RGBA
rgba(187, 187, 147, 1)
HSL
hsl(60, 23%, 65%)
HSV
hsv(60, 21%, 73%)
LAB
lab(74.96% -6.66 20.33)
LCH
lch(74.96% 21.39 108.14)
OKLAB
oklab(0.7818 -0.0164 0.0517)
OKLCH
oklch(0.7818 0.0542 107.6)
XYZ
xyz(43.53, 48.21, 34.61)
CMYK
cmyk(0%, 0%, 21%, 27%)
CSS
color: #bbbb93;
CSS variable
--color-bbbb93: #bbbb93;
SCSS
$color-bbbb93: #bbbb93;
Tailwind
amber-300
Export
:root {
--#bbbb93-1: #bbbb93;
}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.