Preview
#7ae8a6
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.51:1 · vs black: 13.92:1
HEX
#7ae8a6
RGB
rgb(122, 232, 166)
RGBA
rgba(122, 232, 166, 1)
HSL
hsl(144, 71%, 69%)
HSV
hsv(144, 47%, 91%)
LAB
lab(84.28% -46.14 22.57)
LCH
lch(84.28% 51.36 153.93)
OKLAB
oklab(0.8483 -0.1262 0.0573)
OKLCH
oklch(0.8483 0.1386 155.58)
XYZ
xyz(43.76, 64.60, 46.23)
CMYK
cmyk(47%, 0%, 28%, 9%)
CSS
color: #7ae8a6;
CSS variable
--color-7ae8a6: #7ae8a6;
SCSS
$color-7ae8a6: #7ae8a6;
Tailwind
emerald-300
Export
:root {
--#7ae8a6-1: #7ae8a6;
}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.