Preview
#00cc00
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.18:1 · vs black: 9.64:1
HEX
#00cc00
RGB
rgb(0, 204, 0)
RGBA
rgba(0, 204, 0, 1)
HSL
hsl(120, 100%, 40%)
HSV
hsv(120, 100%, 80%)
LAB
lab(71.68% -72.84 70.31)
LCH
lch(71.68% 101.24 136.01)
OKLAB
oklab(0.7323 -0.1977 0.1517)
OKLCH
oklch(0.7323 0.2492 142.5)
XYZ
xyz(21.59, 43.18, 7.20)
CMYK
cmyk(100%, 0%, 100%, 20%)
CSS
color: #00cc00;
CSS variable
--color-00cc00: #00cc00;
SCSS
$color-00cc00: #00cc00;
Tailwind
green-600
Export
:root {
--web-safe-#00cc00-1: #00cc00;
}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.