Preview
#b9bda3
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.93:1 · vs black: 10.87:1
HEX
#b9bda3
RGB
rgb(185, 189, 163)
RGBA
rgba(185, 189, 163, 1)
HSL
hsl(69, 16%, 69%)
HSV
hsv(69, 14%, 74%)
LAB
lab(75.67% -5.97 12.69)
LCH
lch(75.67% 14.02 115.19)
OKLAB
oklab(0.7881 -0.0148 0.0328)
OKLCH
oklch(0.7881 0.036 114.29)
XYZ
xyz(44.82, 49.35, 41.81)
CMYK
cmyk(2%, 0%, 14%, 26%)
CSS
color: #b9bda3;
CSS variable
--color-b9bda3: #b9bda3;
SCSS
$color-b9bda3: #b9bda3;
Tailwind
amber-300
Export
:root {
--#b9bda3-1: #b9bda3;
}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.