Preview
#b4b885
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 2.07:1 · vs black: 10.14:1
HEX
#b4b885
RGB
rgb(180, 184, 133)
RGBA
rgba(180, 184, 133, 1)
HSL
hsl(65, 26%, 62%)
HSV
hsv(65, 28%, 72%)
LAB
lab(73.34% -9.76 25.52)
LCH
lch(73.34% 27.32 110.93)
OKLAB
oklab(0.7667 -0.0255 0.0641)
OKLCH
oklch(0.7667 0.069 111.69)
XYZ
xyz(40.20, 45.68, 28.88)
CMYK
cmyk(2%, 0%, 28%, 28%)
CSS
color: #b4b885;
CSS variable
--color-b4b885: #b4b885;
SCSS
$color-b4b885: #b4b885;
Tailwind
amber-300
Export
:root {
--#b4b885-1: #b4b885;
}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.