Preview
#7cd299
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.82:1 · vs black: 11.54:1
HEX
#7cd299
RGB
rgb(124, 210, 153)
RGBA
rgba(124, 210, 153, 1)
HSL
hsl(140, 49%, 65%)
HSV
hsv(140, 41%, 82%)
LAB
lab(77.68% -38.38 20.29)
LCH
lch(77.68% 43.41 152.14)
OKLAB
oklab(0.7941 -0.1052 0.0516)
OKLCH
oklch(0.7941 0.1172 153.87)
XYZ
xyz(37.11, 52.68, 38.34)
CMYK
cmyk(41%, 0%, 27%, 18%)
CSS
color: #7cd299;
CSS variable
--color-7cd299: #7cd299;
SCSS
$color-7cd299: #7cd299;
Tailwind
emerald-300
Export
:root {
--#7cd299-1: #7cd299;
}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.