Preview
#04ff00
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 1.37:1 · vs black: 15.31:1
HEX
#04ff00
RGB
rgb(4, 255, 0)
RGBA
rgba(4, 255, 0, 1)
HSL
hsl(119, 100%, 50%)
HSV
hsv(119, 100%, 100%)
LAB
lab(87.75% -86.07 83.19)
LCH
lch(87.75% 119.7 135.97)
OKLAB
oklab(0.8666 -0.2336 0.1795)
OKLCH
oklch(0.8666 0.2946 142.46)
XYZ
xyz(35.81, 71.54, 11.92)
CMYK
cmyk(98%, 0%, 100%, 0%)
CSS
color: #04ff00;
CSS variable
--color-04ff00: #04ff00;
SCSS
$color-04ff00: #04ff00;
Tailwind
lime-500
Export
:root {
--#04ff00-1: #04ff00;
}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.