Preview
#bbbb3a
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 2.04:1 · vs black: 10.28:1
HEX
#bbbb3a
RGB
rgb(187, 187, 58)
RGBA
rgba(187, 187, 58, 1)
HSL
hsl(60, 53%, 48%)
HSV
hsv(60, 69%, 73%)
LAB
lab(73.81% -15.48 61.97)
LCH
lch(73.81% 63.87 104.03)
OKLAB
oklab(0.7689 -0.0486 0.1381)
OKLCH
oklch(0.7689 0.1464 109.39)
XYZ
xyz(39.03, 46.41, 10.90)
CMYK
cmyk(0%, 0%, 69%, 27%)
CSS
color: #bbbb3a;
CSS variable
--color-bbbb3a: #bbbb3a;
SCSS
$color-bbbb3a: #bbbb3a;
Tailwind
amber-500
Export
:root {
--#bbbb3a-1: #bbbb3a;
}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.