Preview
#b0b44b
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 2.22:1 · vs black: 9.48:1
HEX
#b0b44b
RGB
rgb(176, 180, 75)
RGBA
rgba(176, 180, 75, 1)
HSL
hsl(62, 41%, 50%)
HSV
hsv(62, 58%, 71%)
LAB
lab(71.13% -15.5 51.83)
LCH
lch(71.13% 54.1 106.65)
OKLAB
oklab(0.7458 -0.0463 0.1195)
OKLCH
oklch(0.7458 0.1282 111.18)
XYZ
xyz(35.50, 42.38, 12.97)
CMYK
cmyk(2%, 0%, 58%, 29%)
CSS
color: #b0b44b;
CSS variable
--color-b0b44b: #b0b44b;
SCSS
$color-b0b44b: #b0b44b;
Tailwind
amber-500
Export
:root {
--#b0b44b-1: #b0b44b;
}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.