Preview
#48a34c
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 3.17:1 · vs black: 6.62:1
HEX
#48a34c
RGB
rgb(72, 163, 76)
RGBA
rgba(72, 163, 76, 1)
HSL
hsl(123, 39%, 46%)
HSV
hsv(123, 56%, 64%)
LAB
lab(59.97% -45.35 36.84)
LCH
lch(59.97% 58.43 140.91)
OKLAB
oklab(0.6396 -0.1231 0.0884)
OKLCH
oklch(0.6396 0.1516 144.32)
XYZ
xyz(17.07, 28.09, 11.36)
CMYK
cmyk(56%, 0%, 53%, 36%)
CSS
color: #48a34c;
CSS variable
--color-48a34c: #48a34c;
SCSS
$color-48a34c: #48a34c;
Tailwind
green-500
Export
:root {
--spectrum-#48a34c-1: #48a34c;
}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.