Preview
#56c936
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.14:1 · vs black: 9.8:1
HEX
#56c936
RGB
rgb(86, 201, 54)
RGBA
rgba(86, 201, 54, 1)
HSL
hsl(107, 58%, 50%)
HSV
hsv(107, 73%, 79%)
LAB
lab(72.24% -58.33 59.99)
LCH
lch(72.24% 83.67 134.2)
OKLAB
oklab(0.7414 -0.1602 0.1354)
OKLCH
oklch(0.7414 0.2098 139.8)
XYZ
xyz(25.39, 44.02, 10.65)
CMYK
cmyk(57%, 0%, 73%, 21%)
CSS
color: #56c936;
CSS variable
--color-56c936: #56c936;
SCSS
$color-56c936: #56c936;
Tailwind
lime-500
Export
:root {
--#56c936-1: #56c936;
}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.