Preview
#b9cb34
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.8:1 · vs black: 11.65:1
HEX
#b9cb34
RGB
rgb(185, 203, 52)
RGBA
rgba(185, 203, 52, 1)
HSL
hsl(67, 59%, 50%)
HSV
hsv(67, 74%, 80%)
LAB
lab(78.04% -24.54 68.09)
LCH
lch(78.04% 72.38 109.82)
OKLAB
oklab(0.8023 -0.0743 0.1501)
OKLCH
oklch(0.8023 0.1675 116.34)
XYZ
xyz(41.98, 53.27, 11.32)
CMYK
cmyk(9%, 0%, 74%, 20%)
CSS
color: #b9cb34;
CSS variable
--color-b9cb34: #b9cb34;
SCSS
$color-b9cb34: #b9cb34;
Tailwind
amber-500
Export
:root {
--#b9cb34-1: #b9cb34;
}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.