Preview
#b2d3bd
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.62:1 · vs black: 12.95:1
HEX
#b2d3bd
RGB
rgb(178, 211, 189)
RGBA
rgba(178, 211, 189, 1)
HSL
hsl(140, 27%, 76%)
HSV
hsv(140, 16%, 83%)
LAB
lab(81.69% -15.21 7.26)
LCH
lch(81.69% 16.85 154.48)
OKLAB
oklab(0.8366 -0.0425 0.0188)
OKLCH
oklch(0.8366 0.0465 156.14)
XYZ
xyz(50.84, 59.73, 56.98)
CMYK
cmyk(16%, 0%, 10%, 17%)
CSS
color: #b2d3bd;
CSS variable
--color-b2d3bd: #b2d3bd;
SCSS
$color-b2d3bd: #b2d3bd;
Tailwind
emerald-200
Export
:root {
--#b2d3bd-1: #b2d3bd;
}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.