Preview
#a7e2b4
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.48:1 · vs black: 14.18:1
HEX
#a7e2b4
RGB
rgb(167, 226, 180)
RGBA
rgba(167, 226, 180, 1)
HSL
hsl(133, 50%, 77%)
HSV
hsv(133, 26%, 89%)
LAB
lab(84.95% -27.84 16.54)
LCH
lch(84.95% 32.38 149.29)
OKLAB
oklab(0.8602 -0.0766 0.0425)
OKLCH
oklch(0.8602 0.0876 150.98)
XYZ
xyz(51.37, 65.90, 53.18)
CMYK
cmyk(26%, 0%, 20%, 11%)
CSS
color: #a7e2b4;
CSS variable
--color-a7e2b4: #a7e2b4;
SCSS
$color-a7e2b4: #a7e2b4;
Tailwind
green-200
Export
:root {
--#a7e2b4-1: #a7e2b4;
}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.