Preview
#42d769
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.88:1 · vs black: 11.16:1
HEX
#42d769
RGB
rgb(66, 215, 105)
RGBA
rgba(66, 215, 105, 1)
HSL
hsl(136, 65%, 55%)
HSV
hsv(136, 69%, 84%)
LAB
lab(76.54% -61.92 42.86)
LCH
lch(76.54% 75.31 145.31)
OKLAB
oklab(0.777 -0.1668 0.1035)
OKLCH
oklch(0.777 0.1963 148.18)
XYZ
xyz(29.09, 50.78, 21.63)
CMYK
cmyk(69%, 0%, 51%, 16%)
CSS
color: #42d769;
CSS variable
--color-42d769: #42d769;
SCSS
$color-42d769: #42d769;
Tailwind
green-400
Export
:root {
--#42d769-1: #42d769;
}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.