Preview
#b5b495
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 2.12:1 · vs black: 9.93:1
HEX
#b5b495
RGB
rgb(181, 180, 149)
RGBA
rgba(181, 180, 149, 1)
HSL
hsl(58, 18%, 65%)
HSV
hsv(58, 18%, 71%)
LAB
lab(72.65% -4.94 15.98)
LCH
lch(72.65% 16.73 107.18)
OKLAB
oklab(0.7625 -0.0116 0.041)
OKLCH
oklch(0.7625 0.0426 105.8)
XYZ
xyz(40.80, 44.64, 34.89)
CMYK
cmyk(0%, 1%, 18%, 29%)
CSS
color: #b5b495;
CSS variable
--color-b5b495: #b5b495;
SCSS
$color-b5b495: #b5b495;
Tailwind
orange-300
Export
:root {
--#b5b495-1: #b5b495;
}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.