Preview
#78da90
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.72:1 · vs black: 12.23:1
HEX
#78da90
RGB
rgb(120, 218, 144)
RGBA
rgba(120, 218, 144, 1)
HSL
hsl(135, 57%, 66%)
HSV
hsv(135, 45%, 85%)
LAB
lab(79.7% -44.64 27.7)
LCH
lch(79.7% 52.54 148.18)
OKLAB
oklab(0.8094 -0.1215 0.0696)
OKLCH
oklch(0.8094 0.14 150.19)
XYZ
xyz(37.85, 56.15, 35.22)
CMYK
cmyk(45%, 0%, 34%, 15%)
CSS
color: #78da90;
CSS variable
--color-78da90: #78da90;
SCSS
$color-78da90: #78da90;
Tailwind
green-300
Export
:root {
--#78da90-1: #78da90;
}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.