Preview
#b7c3ba
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.82:1 · vs black: 11.53:1
HEX
#b7c3ba
RGB
rgb(183, 195, 186)
RGBA
rgba(183, 195, 186, 1)
HSL
hsl(135, 9%, 74%)
HSV
hsv(135, 6%, 76%)
LAB
lab(77.66% -5.81 3.1)
LCH
lch(77.66% 6.59 151.92)
OKLAB
oklab(0.8053 -0.0162 0.0081)
OKLCH
oklch(0.8053 0.0181 153.43)
XYZ
xyz(47.90, 52.64, 54.08)
CMYK
cmyk(6%, 0%, 5%, 24%)
CSS
color: #b7c3ba;
CSS variable
--color-b7c3ba: #b7c3ba;
SCSS
$color-b7c3ba: #b7c3ba;
Tailwind
green-200
Export
:root {
--#b7c3ba-1: #b7c3ba;
}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.