Preview
#4fcc6c
Family: Green
Accessibility on this swatch:
Contrast vs white: 2.06:1 · vs black: 10.19:1
HEX
#4fcc6c
RGB
rgb(79, 204, 108)
RGBA
rgba(79, 204, 108, 1)
HSL
hsl(134, 55%, 55%)
HSV
hsv(134, 61%, 80%)
LAB
lab(73.5% -54.98 37.67)
LCH
lch(73.5% 66.65 145.58)
OKLAB
oklab(0.7529 -0.1485 0.0919)
OKLCH
oklch(0.7529 0.1746 148.25)
XYZ
xyz(27.52, 45.93, 21.60)
CMYK
cmyk(61%, 0%, 47%, 20%)
CSS
color: #4fcc6c;
CSS variable
--color-4fcc6c: #4fcc6c;
SCSS
$color-4fcc6c: #4fcc6c;
Tailwind
green-400
Export
:root {
--#4fcc6c-1: #4fcc6c;
}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.