Preview
#bbf7d0
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.21:1 · vs black: 17.33:1
HEX
#bbf7d0
RGB
rgb(187, 247, 208)
RGBA
rgba(187, 247, 208, 1)
HSL
hsl(141, 79%, 85%)
HSV
hsv(141, 24%, 97%)
LAB
lab(92.41% -26.48 12.69)
LCH
lch(92.41% 29.36 154.39)
OKLAB
oklab(0.925 -0.0736 0.0328)
OKLCH
oklch(0.925 0.0806 155.98)
XYZ
xyz(65.14, 81.64, 71.99)
CMYK
cmyk(24%, 0%, 16%, 3%)
CSS
color: #bbf7d0;
CSS variable
--color-bbf7d0: #bbf7d0;
SCSS
$color-bbf7d0: #bbf7d0;
Tailwind
emerald-100
Export
:root {
--tailwind-green-200-1: #bbf7d0;
}Growth, nature, and success. Strong for finance positives, eco brands, and health.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Green family.