Preview
#7beaa0
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.49:1 · vs black: 14.12:1
HEX
#7beaa0
RGB
rgb(123, 234, 160)
RGBA
rgba(123, 234, 160, 1)
HSL
hsl(140, 73%, 70%)
HSV
hsv(140, 47%, 92%)
LAB
lab(84.79% -47.83 26.36)
LCH
lch(84.79% 54.61 151.14)
OKLAB
oklab(0.8522 -0.1304 0.0665)
OKLCH
oklch(0.8522 0.1464 152.98)
XYZ
xyz(43.93, 65.59, 43.60)
CMYK
cmyk(47%, 0%, 32%, 8%)
CSS
color: #7beaa0;
CSS variable
--color-7beaa0: #7beaa0;
SCSS
$color-7beaa0: #7beaa0;
Tailwind
emerald-300
Export
:root {
--#7beaa0-1: #7beaa0;
}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.