Preview
#b9b946
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 2.08:1 · vs black: 10.09:1
HEX
#b9b946
RGB
rgb(185, 185, 70)
RGBA
rgba(185, 185, 70, 1)
HSL
hsl(60, 45%, 50%)
HSV
hsv(60, 62%, 73%)
LAB
lab(73.19% -14.61 56.47)
LCH
lch(73.19% 58.33 104.51)
OKLAB
oklab(0.7638 -0.0448 0.1285)
OKLCH
oklch(0.7638 0.1361 109.22)
XYZ
xyz(38.46, 45.46, 12.54)
CMYK
cmyk(0%, 0%, 62%, 27%)
CSS
color: #b9b946;
CSS variable
--color-b9b946: #b9b946;
SCSS
$color-b9b946: #b9b946;
Tailwind
amber-500
Export
:root {
--#b9b946-1: #b9b946;
}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.