Preview
#b9baab
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.97:1 · vs black: 10.67:1
HEX
#b9baab
RGB
rgb(185, 186, 171)
RGBA
rgba(185, 186, 171, 1)
HSL
hsl(64, 10%, 70%)
HSV
hsv(64, 8%, 73%)
LAB
lab(75.06% -3.04 7.48)
LCH
lch(75.06% 8.07 112.12)
OKLAB
oklab(0.7839 -0.0071 0.0196)
OKLCH
oklch(0.7839 0.0208 109.91)
XYZ
xyz(44.92, 48.37, 45.49)
CMYK
cmyk(1%, 0%, 8%, 27%)
CSS
color: #b9baab;
CSS variable
--color-b9baab: #b9baab;
SCSS
$color-b9baab: #b9baab;
Tailwind
amber-300
Export
:root {
--#b9baab-1: #b9baab;
}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.