Preview
#7ad1ac
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.82:1 · vs black: 11.54:1
HEX
#7ad1ac
RGB
rgb(122, 209, 172)
RGBA
rgba(122, 209, 172, 1)
HSL
hsl(154, 49%, 65%)
HSV
hsv(154, 42%, 82%)
LAB
lab(77.71% -34.69 10.22)
LCH
lch(77.71% 36.16 163.58)
OKLAB
oklab(0.7953 -0.0971 0.0263)
OKLCH
oklch(0.7953 0.1006 164.84)
XYZ
xyz(38.27, 52.71, 47.18)
CMYK
cmyk(42%, 0%, 18%, 18%)
CSS
color: #7ad1ac;
CSS variable
--color-7ad1ac: #7ad1ac;
SCSS
$color-7ad1ac: #7ad1ac;
Tailwind
emerald-300
Export
:root {
--#7ad1ac-1: #7ad1ac;
}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.