Preview
#63a06a
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 3.1:1 · vs black: 6.77:1
HEX
#63a06a
RGB
rgb(99, 160, 106)
RGBA
rgba(99, 160, 106, 1)
HSL
hsl(127, 24%, 51%)
HSV
hsv(127, 38%, 63%)
LAB
lab(60.63% -31.36 22.1)
LCH
lch(60.63% 38.36 144.83)
OKLAB
oklab(0.6497 -0.0855 0.0555)
OKLCH
oklch(0.6497 0.1019 147.01)
XYZ
xyz(20.32, 28.83, 18.13)
CMYK
cmyk(38%, 0%, 34%, 37%)
CSS
color: #63a06a;
CSS variable
--color-63a06a: #63a06a;
SCSS
$color-63a06a: #63a06a;
Tailwind
green-400
Export
:root {
--#63a06a-1: #63a06a;
}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.