Preview
#b3b31e
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 2.24:1 · vs black: 9.38:1
HEX
#b3b31e
RGB
rgb(179, 179, 30)
RGBA
rgba(179, 179, 30, 1)
HSL
hsl(60, 71%, 41%)
HSV
hsv(60, 83%, 70%)
LAB
lab(70.81% -16 67.78)
LCH
lch(70.81% 69.64 103.28)
OKLAB
oklab(0.7429 -0.052 0.1458)
OKLCH
oklch(0.7429 0.1548 109.63)
XYZ
xyz(34.95, 41.92, 7.48)
CMYK
cmyk(0%, 0%, 83%, 30%)
CSS
color: #b3b31e;
CSS variable
--color-b3b31e: #b3b31e;
SCSS
$color-b3b31e: #b3b31e;
Tailwind
amber-500
Export
:root {
--#b3b31e-1: #b3b31e;
}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.