Preview
#3dc24d
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.33:1 · vs black: 9.02:1
HEX
#3dc24d
RGB
rgb(61, 194, 77)
RGBA
rgba(61, 194, 77, 1)
HSL
hsl(127, 52%, 50%)
HSV
hsv(127, 69%, 76%)
LAB
lab(69.55% -59.19 47.59)
LCH
lch(69.55% 75.95 141.2)
OKLAB
oklab(0.7178 -0.16 0.1119)
OKLCH
oklch(0.7178 0.1952 145.03)
XYZ
xyz(22.55, 40.11, 13.57)
CMYK
cmyk(69%, 0%, 60%, 24%)
CSS
color: #3dc24d;
CSS variable
--color-3dc24d: #3dc24d;
SCSS
$color-3dc24d: #3dc24d;
Tailwind
green-500
Export
:root {
--#3dc24d-1: #3dc24d;
}Vitality, optimism, and renewal. Friendly for outdoor and lifestyle brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Light Green family.