Preview
#65c369
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.2:1 · vs black: 9.56:1
HEX
#65c369
RGB
rgb(101, 195, 105)
RGBA
rgba(101, 195, 105, 1)
HSL
hsl(123, 44%, 58%)
HSV
hsv(123, 48%, 76%)
LAB
lab(71.43% -46.43 36.71)
LCH
lch(71.43% 59.19 141.67)
OKLAB
oklab(0.7378 -0.1262 0.0895)
OKLCH
oklch(0.7378 0.1547 144.66)
XYZ
xyz(27.43, 42.81, 20.18)
CMYK
cmyk(48%, 0%, 46%, 24%)
CSS
color: #65c369;
CSS variable
--color-65c369: #65c369;
SCSS
$color-65c369: #65c369;
Tailwind
green-400
Export
:root {
--#65c369-1: #65c369;
}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.