#4CAF50

76, 175, 80

Material Green

Google Material Design's primary green. Balanced and accessible, it signals success, confirmation, and positive actions across digital interfaces.

HEX#4CAF50
RGB76, 175, 80
HSL122°, 39%, 49%
CMYK57%, 0%, 54%, 31%
CSS Variable--color: #4CAF50;
Use in GeneratorCheck ContrastView on Wheel

Shades of Material Green

#dbf0dc

#b8e0ba

#94d197

#71c174

#4db251

#3e8e41

#2e6b31

#1f4721

#0f2410

Tints of Material Green

#4caf50

#5fb962

#73c276

#87cb8a

#9cd49e

#b0ddb2

#c5e6c6

#d9eeda

#edf7ee

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.78:1
AA NormalFailAAAFail

Sample Text

On Black7.56:1
AA NormalPassAAAPass
Full contrast analysis →

Lime

#00FF00

Green

#00C853

Emerald

#2ECC71

Forest Green

#27AE60

Dark Green

#1B4332

Light Green

#90EE90