Preview
#baf8c8
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.21:1 · vs black: 17.35:1
HEX
#baf8c8
RGB
rgb(186, 248, 200)
RGBA
rgba(186, 248, 200, 1)
HSL
hsl(134, 82%, 85%)
HSV
hsv(134, 25%, 97%)
LAB
lab(92.46% -28.71 16.87)
LCH
lch(92.46% 33.3 149.56)
OKLAB
oklab(0.9247 -0.0791 0.0434)
OKLCH
oklch(0.9247 0.0902 151.25)
XYZ
xyz(64.24, 81.74, 67.03)
CMYK
cmyk(25%, 0%, 19%, 3%)
CSS
color: #baf8c8;
CSS variable
--color-baf8c8: #baf8c8;
SCSS
$color-baf8c8: #baf8c8;
Tailwind
green-100
Export
:root {
--#baf8c8-1: #baf8c8;
}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.