Preview
#7cca9b
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.95:1 · vs black: 10.78:1
HEX
#7cca9b
RGB
rgb(124, 202, 155)
RGBA
rgba(124, 202, 155, 1)
HSL
hsl(144, 42%, 64%)
HSV
hsv(144, 39%, 79%)
LAB
lab(75.38% -34.33 16.04)
LCH
lch(75.38% 37.89 154.96)
OKLAB
oklab(0.7756 -0.0946 0.041)
OKLCH
oklch(0.7756 0.1031 156.57)
XYZ
xyz(35.35, 48.89, 38.58)
CMYK
cmyk(39%, 0%, 23%, 21%)
CSS
color: #7cca9b;
CSS variable
--color-7cca9b: #7cca9b;
SCSS
$color-7cca9b: #7cca9b;
Tailwind
emerald-300
Export
:root {
--#7cca9b-1: #7cca9b;
}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.