Preview
#baccbc
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 1.69:1 · vs black: 12.45:1
HEX
#baccbc
RGB
rgb(186, 204, 188)
RGBA
rgba(186, 204, 188, 1)
HSL
hsl(127, 15%, 76%)
HSV
hsv(127, 9%, 80%)
LAB
lab(80.32% -9.1 5.89)
LCH
lch(80.32% 10.84 147.09)
OKLAB
oklab(0.827 -0.0251 0.0154)
OKLCH
oklch(0.827 0.0294 148.47)
XYZ
xyz(50.92, 57.26, 55.94)
CMYK
cmyk(9%, 0%, 8%, 20%)
CSS
color: #baccbc;
CSS variable
--color-baccbc: #baccbc;
SCSS
$color-baccbc: #baccbc;
Tailwind
green-200
Export
:root {
--#baccbc-1: #baccbc;
}Vitality, optimism, and renewal. Friendly for outdoor and lifestyle brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Light Green family.