Preview
#bbd4c5
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.57:1 · vs black: 13.34:1
HEX
#bbd4c5
RGB
rgb(187, 212, 197)
RGBA
rgba(187, 212, 197, 1)
HSL
hsl(144, 23%, 78%)
HSV
hsv(144, 12%, 83%)
LAB
lab(82.74% -11.22 4.6)
LCH
lch(82.74% 12.13 157.71)
OKLAB
oklab(0.8471 -0.0316 0.012)
OKLCH
oklch(0.8471 0.0338 159.21)
XYZ
xyz(54.11, 61.68, 61.87)
CMYK
cmyk(12%, 0%, 7%, 17%)
CSS
color: #bbd4c5;
CSS variable
--color-bbd4c5: #bbd4c5;
SCSS
$color-bbd4c5: #bbd4c5;
Tailwind
emerald-200
Export
:root {
--#bbd4c5-1: #bbd4c5;
}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.