Preview
#b9b96e
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 2.05:1 · vs black: 10.23:1
HEX
#b9b96e
RGB
rgb(185, 185, 110)
RGBA
rgba(185, 185, 110, 1)
HSL
hsl(60, 35%, 58%)
HSV
hsv(60, 41%, 73%)
LAB
lab(73.64% -11.13 38.01)
LCH
lch(73.64% 39.61 106.32)
OKLAB
oklab(0.7688 -0.0308 0.0922)
OKLCH
oklch(0.7688 0.0972 108.47)
XYZ
xyz(40.17, 46.14, 21.54)
CMYK
cmyk(0%, 0%, 41%, 27%)
CSS
color: #b9b96e;
CSS variable
--color-b9b96e: #b9b96e;
SCSS
$color-b9b96e: #b9b96e;
Tailwind
amber-400
Export
:root {
--#b9b96e-1: #b9b96e;
}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.