Preview
#22c55e
Family: Green
Accessibility on this swatch:
Contrast vs white: 2.28:1 · vs black: 9.22:1
HEX
#22c55e
RGB
rgb(34, 197, 94)
RGBA
rgba(34, 197, 94, 1)
HSL
hsl(142, 71%, 45%)
HSV
hsv(142, 83%, 77%)
LAB
lab(70.23% -61.72 40.3)
LCH
lch(70.23% 73.71 146.86)
OKLAB
oklab(0.7227 -0.1656 0.0972)
OKLCH
oklch(0.7227 0.192 149.59)
XYZ
xyz(22.64, 41.08, 17.32)
CMYK
cmyk(83%, 0%, 52%, 23%)
CSS
color: #22c55e;
CSS variable
--color-22c55e: #22c55e;
SCSS
$color-22c55e: #22c55e;
Tailwind
emerald-500
Export
:root {
--tailwind-green-500-1: #22c55e;
}Growth, nature, and success. Strong for finance positives, eco brands, and health.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Green family.