Preview
#bbcd32
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.77:1 · vs black: 11.89:1
HEX
#bbcd32
RGB
rgb(187, 205, 50)
RGBA
rgba(187, 205, 50, 1)
HSL
hsl(67, 61%, 50%)
HSV
hsv(67, 76%, 80%)
LAB
lab(78.73% -24.77 69.42)
LCH
lch(78.73% 73.71 109.64)
OKLAB
oklab(0.8082 -0.0752 0.1525)
OKLCH
oklch(0.8082 0.17 116.25)
XYZ
xyz(42.90, 54.46, 11.27)
CMYK
cmyk(9%, 0%, 76%, 20%)
CSS
color: #bbcd32;
CSS variable
--color-bbcd32: #bbcd32;
SCSS
$color-bbcd32: #bbcd32;
Tailwind
amber-500
Export
:root {
--#bbcd32-1: #bbcd32;
}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.