Preview
#77c689
Family: Green
Accessibility on this swatch:
Contrast vs white: 2.05:1 · vs black: 10.22:1
HEX
#77c689
RGB
rgb(119, 198, 137)
RGBA
rgba(119, 198, 137, 1)
HSL
hsl(134, 41%, 62%)
HSV
hsv(134, 40%, 78%)
LAB
lab(73.62% -37.32 23.14)
LCH
lch(73.62% 43.91 148.2)
OKLAB
oklab(0.7595 -0.1019 0.0585)
OKLCH
oklch(0.7595 0.1175 150.14)
XYZ
xyz(32.32, 46.11, 30.86)
CMYK
cmyk(40%, 0%, 31%, 22%)
CSS
color: #77c689;
CSS variable
--color-77c689: #77c689;
SCSS
$color-77c689: #77c689;
Tailwind
green-300
Export
:root {
--#77c689-1: #77c689;
}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.