Preview
#bbc570
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.85:1 · vs black: 11.33:1
HEX
#bbc570
RGB
rgb(187, 197, 112)
RGBA
rgba(187, 197, 112, 1)
HSL
hsl(67, 42%, 61%)
HSV
hsv(67, 43%, 77%)
LAB
lab(77.08% -16.24 41.35)
LCH
lch(77.08% 44.42 111.44)
OKLAB
oklab(0.7968 -0.0453 0.0999)
OKLCH
oklch(0.7968 0.1097 114.39)
XYZ
xyz(43.38, 51.67, 23.01)
CMYK
cmyk(5%, 0%, 43%, 23%)
CSS
color: #bbc570;
CSS variable
--color-bbc570: #bbc570;
SCSS
$color-bbc570: #bbc570;
Tailwind
amber-300
Export
:root {
--#bbc570-1: #bbc570;
}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.