Preview
#bfd9cc
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.5:1 · vs black: 14.01:1
HEX
#bfd9cc
RGB
rgb(191, 217, 204)
RGBA
rgba(191, 217, 204, 1)
HSL
hsl(150, 25%, 80%)
HSV
hsv(150, 12%, 85%)
LAB
lab(84.51% -11.13 3.48)
LCH
lch(84.51% 11.66 162.64)
OKLAB
oklab(0.8624 -0.0317 0.009)
OKLCH
oklch(0.8624 0.033 164.15)
XYZ
xyz(57.20, 65.06, 66.66)
CMYK
cmyk(12%, 0%, 6%, 15%)
CSS
color: #bfd9cc;
CSS variable
--color-bfd9cc: #bfd9cc;
SCSS
$color-bfd9cc: #bfd9cc;
Tailwind
emerald-200
Export
:root {
--#bfd9cc-1: #bfd9cc;
}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.