Preview
#a5e3b4
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.47:1 · vs black: 14.25:1
HEX
#a5e3b4
RGB
rgb(165, 227, 180)
RGBA
rgba(165, 227, 180, 1)
HSL
hsl(135, 53%, 77%)
HSV
hsv(135, 27%, 89%)
LAB
lab(85.11% -28.95 16.75)
LCH
lch(85.11% 33.45 149.95)
OKLAB
oklab(0.8613 -0.0797 0.043)
OKLCH
oklch(0.8613 0.0906 151.65)
XYZ
xyz(51.22, 66.23, 53.26)
CMYK
cmyk(27%, 0%, 21%, 11%)
CSS
color: #a5e3b4;
CSS variable
--color-a5e3b4: #a5e3b4;
SCSS
$color-a5e3b4: #a5e3b4;
Tailwind
green-200
Export
:root {
--#a5e3b4-1: #a5e3b4;
}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.