Preview
#bbb863
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 2.07:1 · vs black: 10.15:1
HEX
#bbb863
RGB
rgb(187, 184, 99)
RGBA
rgba(187, 184, 99, 1)
HSL
hsl(58, 39%, 56%)
HSV
hsv(58, 47%, 73%)
LAB
lab(73.38% -10.92 43.27)
LCH
lch(73.38% 44.63 104.16)
OKLAB
oklab(0.7667 -0.0313 0.1032)
OKLCH
oklch(0.7667 0.1078 106.87)
XYZ
xyz(39.89, 45.75, 18.53)
CMYK
cmyk(0%, 2%, 47%, 27%)
CSS
color: #bbb863;
CSS variable
--color-bbb863: #bbb863;
SCSS
$color-bbb863: #bbb863;
Tailwind
orange-400
Export
:root {
--#bbb863-1: #bbb863;
}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.