Preview
#bdbd93
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.93:1 · vs black: 10.86:1
HEX
#bdbd93
RGB
rgb(189, 189, 147)
RGBA
rgba(189, 189, 147, 1)
HSL
hsl(60, 24%, 66%)
HSV
hsv(60, 22%, 74%)
LAB
lab(75.65% -6.94 21.31)
LCH
lch(75.65% 22.41 108.04)
OKLAB
oklab(0.7876 -0.0172 0.0541)
OKLCH
oklch(0.7876 0.0568 107.64)
XYZ
xyz(44.45, 49.32, 34.78)
CMYK
cmyk(0%, 0%, 22%, 26%)
CSS
color: #bdbd93;
CSS variable
--color-bdbd93: #bdbd93;
SCSS
$color-bdbd93: #bdbd93;
Tailwind
amber-300
Export
:root {
--#bdbd93-1: #bdbd93;
}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.