Preview
#00aa00
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 3.11:1 · vs black: 6.75:1
HEX
#00aa00
RGB
rgb(0, 170, 0)
RGBA
rgba(0, 170, 0, 1)
HSL
hsl(120, 100%, 33%)
HSV
hsv(120, 100%, 67%)
LAB
lab(60.56% -63.6 61.39)
LCH
lch(60.56% 88.4 136.01)
OKLAB
oklab(0.6394 -0.1726 0.1325)
OKLCH
oklch(0.6394 0.2176 142.49)
XYZ
xyz(14.37, 28.75, 4.79)
CMYK
cmyk(100%, 0%, 100%, 33%)
CSS
color: #00aa00;
CSS variable
--color-00aa00: #00aa00;
SCSS
$color-00aa00: #00aa00;
Tailwind
green-600
Export
:root {
--#00aa00-1: #00aa00;
}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.