Preview
#b1e7bf
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.4:1 · vs black: 15.05:1
HEX
#b1e7bf
RGB
rgb(177, 231, 191)
RGBA
rgba(177, 231, 191, 1)
HSL
hsl(136, 53%, 80%)
HSV
hsv(136, 23%, 91%)
LAB
lab(87.12% -25.06 13.94)
LCH
lch(87.12% 28.68 150.91)
OKLAB
oklab(0.8799 -0.0692 0.0359)
OKLCH
oklch(0.8799 0.078 152.58)
XYZ
xyz(56.11, 70.26, 59.89)
CMYK
cmyk(23%, 0%, 17%, 9%)
CSS
color: #b1e7bf;
CSS variable
--color-b1e7bf: #b1e7bf;
SCSS
$color-b1e7bf: #b1e7bf;
Tailwind
green-200
Export
:root {
--#b1e7bf-1: #b1e7bf;
}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.