Preview
#45d37e
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.93:1 · vs black: 10.87:1
HEX
#45d37e
RGB
rgb(69, 211, 126)
RGBA
rgba(69, 211, 126, 1)
HSL
hsl(144, 62%, 55%)
HSV
hsv(144, 67%, 83%)
LAB
lab(75.67% -56.57 31.32)
LCH
lch(75.67% 64.66 151.03)
OKLAB
oklab(0.771 -0.1527 0.0778)
OKLCH
oklch(0.771 0.1714 153)
XYZ
xyz(29.51, 49.36, 27.71)
CMYK
cmyk(67%, 0%, 40%, 17%)
CSS
color: #45d37e;
CSS variable
--color-45d37e: #45d37e;
SCSS
$color-45d37e: #45d37e;
Tailwind
emerald-400
Export
:root {
--#45d37e-1: #45d37e;
}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.