Preview
#bccfbe
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 1.64:1 · vs black: 12.81:1
HEX
#bccfbe
RGB
rgb(188, 207, 190)
RGBA
rgba(188, 207, 190, 1)
HSL
hsl(126, 17%, 77%)
HSV
hsv(126, 9%, 81%)
LAB
lab(81.31% -9.6 6.27)
LCH
lch(81.31% 11.47 146.85)
OKLAB
oklab(0.8354 -0.0265 0.0163)
OKLCH
oklch(0.8354 0.0311 148.4)
XYZ
xyz(52.34, 59.03, 57.34)
CMYK
cmyk(9%, 0%, 8%, 19%)
CSS
color: #bccfbe;
CSS variable
--color-bccfbe: #bccfbe;
SCSS
$color-bccfbe: #bccfbe;
Tailwind
green-200
Export
:root {
--#bccfbe-1: #bccfbe;
}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.