Preview
#b9c5bc
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.78:1 · vs black: 11.78:1
HEX
#b9c5bc
RGB
rgb(185, 197, 188)
RGBA
rgba(185, 197, 188, 1)
HSL
hsl(135, 9%, 75%)
HSV
hsv(135, 6%, 77%)
LAB
lab(78.39% -5.8 3.09)
LCH
lch(78.39% 6.57 151.95)
OKLAB
oklab(0.8116 -0.0162 0.0081)
OKLCH
oklch(0.8116 0.0181 153.43)
XYZ
xyz(49.05, 53.88, 55.38)
CMYK
cmyk(6%, 0%, 5%, 23%)
CSS
color: #b9c5bc;
CSS variable
--color-b9c5bc: #b9c5bc;
SCSS
$color-b9c5bc: #b9c5bc;
Tailwind
green-200
Export
:root {
--#b9c5bc-1: #b9c5bc;
}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.