Material Green 50

Preview

Material Green 50

#e8f5e9

Overview

Family: Light Green

material

Accessibility on this swatch:

AAA

(18.67:1)

Contrast vs white: 1.12:1 · vs black: 18.67:1

Formats

HEX

#e8f5e9

RGB

rgb(232, 245, 233)

RGBA

rgba(232, 245, 233, 1)

HSL

hsl(125, 39%, 94%)

HSV

hsv(125, 5%, 96%)

LAB

lab(95.31% -6.43 4.29)

LCH

lch(95.31% 7.73 146.29)

OKLAB

oklab(0.9571 -0.0177 0.0112)

OKLCH

oklch(0.9571 0.0209 147.68)

XYZ

xyz(80.64, 88.34, 89.88)

CMYK

cmyk(5%, 0%, 5%, 4%)

CSS

color: #e8f5e9;

CSS variable

--color-e8f5e9: #e8f5e9;

SCSS

$color-e8f5e9: #e8f5e9;

Tailwind

green-50

Export

Developer code

:root {
  --material-green-50-1: #e8f5e9;
}

Color psychology

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.

Material Green 50