Preview
#baba9a
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.99:1 · vs black: 10.58:1
HEX
#baba9a
RGB
rgb(186, 186, 154)
RGBA
rgba(186, 186, 154, 1)
HSL
hsl(60, 19%, 67%)
HSV
hsv(60, 17%, 73%)
LAB
lab(74.76% -5.45 16.27)
LCH
lch(74.76% 17.16 108.52)
OKLAB
oklab(0.7804 -0.0131 0.0418)
OKLCH
oklch(0.7804 0.0438 107.4)
XYZ
xyz(43.64, 47.89, 37.51)
CMYK
cmyk(0%, 0%, 17%, 27%)
CSS
color: #baba9a;
CSS variable
--color-baba9a: #baba9a;
SCSS
$color-baba9a: #baba9a;
Tailwind
amber-300
Export
:root {
--#baba9a-1: #baba9a;
}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.