Preview
#b9bb9a
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.97:1 · vs black: 10.64:1
HEX
#b9bb9a
RGB
rgb(185, 187, 154)
RGBA
rgba(185, 187, 154, 1)
HSL
hsl(64, 20%, 67%)
HSV
hsv(64, 18%, 73%)
LAB
lab(74.94% -6.35 16.52)
LCH
lch(74.94% 17.7 111.03)
OKLAB
oklab(0.7817 -0.0156 0.0424)
OKLCH
oklch(0.7817 0.0452 110.2)
XYZ
xyz(43.61, 48.19, 37.57)
CMYK
cmyk(1%, 0%, 18%, 27%)
CSS
color: #b9bb9a;
CSS variable
--color-b9bb9a: #b9bb9a;
SCSS
$color-b9bb9a: #b9bb9a;
Tailwind
amber-300
Export
:root {
--#b9bb9a-1: #b9bb9a;
}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.