Preview
#b1ac4e
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 2.36:1 · vs black: 8.88:1
HEX
#b1ac4e
RGB
rgb(177, 172, 78)
RGBA
rgba(177, 172, 78, 1)
HSL
hsl(57, 39%, 50%)
HSV
hsv(57, 56%, 69%)
LAB
lab(69.04% -10.72 48.12)
LCH
lch(69.04% 49.3 102.56)
OKLAB
oklab(0.7294 -0.0324 0.1119)
OKLCH
oklch(0.7294 0.1165 106.15)
XYZ
xyz(34.26, 39.40, 13.01)
CMYK
cmyk(0%, 3%, 56%, 31%)
CSS
color: #b1ac4e;
CSS variable
--color-b1ac4e: #b1ac4e;
SCSS
$color-b1ac4e: #b1ac4e;
Tailwind
orange-500
Export
:root {
--#b1ac4e-1: #b1ac4e;
}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.