What color is #4CAF50?

#4CAF50 is a medium, moderately saturated green — rgb(76, 175, 80). Its nearest CSS named color is mediumseagreen.

How do I make tints and shades of #4CAF50?

Mix #4CAF50 with white for tints and with black for shades. A 20% tint of #4CAF50 is #70bf73 and a 20% shade is #3d8c40; the full 10%–90% ramps are precomputed on this page.

What text color is readable on #4CAF50?

Black text gives the strongest contrast on a #4CAF50 background at 7.56:1, which passes WCAG AA and AAA for normal text.

#4CAF50 — Tints, Shades & Color Values

Every value on this page is precomputed — copy what you need.

#4CAF50

#4CAF50 is a medium, moderately saturated green. Its nearest CSS named color is mediumseagreen (#3cb371). For readable text on a #4CAF50 background, black text gives the strongest contrast (7.56:1). #4CAF50 sits in the middle of the lightness range, so it can serve as a primary brand or accent color — use its tints for backgrounds and its shades for text and pressed states.

Want to fine-tune this color interactively? Open #4CAF50 in the tint & shade generator to explore the full lightness, hue, and chroma scales and copy any step.

Color Values

Hex	`#4CAF50`
RGB	`rgb(76, 175, 80)`
HSL	`hsl(122, 39%, 49%)`
HSV / HSB	`122°, 57%, 69%`
Nearest named	`mediumseagreen` (`#3cb371`)

Need these in another format? Use our hex to RGB converter for quick two-way conversion.

Tints of #4CAF50 (Mixed with White)

Each step blends the base color toward white using new = old + (255 − old) × factor. Click a swatch to open it in the generator.

10% tint #5eb762
20% tint #70bf73
30% tint #82c785
40% tint #94cf96
50% tint #a6d7a8
60% tint #b7dfb9
70% tint #c9e7cb
80% tint #dbefdc
90% tint #edf7ee

Shades of #4CAF50 (Mixed with Black)

Each step blends the base color toward black using new = old × (1 − factor).

10% shade #449e48
20% shade #3d8c40
30% shade #357a38
40% shade #2e6930
50% shade #265828
60% shade #1e4620
70% shade #173518
80% shade #0f2310
90% shade #081108

WCAG Contrast & Accessibility

Contrast ratios for text placed on a #4CAF50 background. WCAG requires 4.5:1 for normal text (AA), 3:1 for large text (AA), and 7:1 for normal text (AAA).

Text color	White text 2.78:1 — AA normal: Fail · AA large: Fail · AAA: Fail
	Black text 7.56:1 — AA normal: Pass · AA large: Pass · AAA: Pass

If neither pure white nor pure black reaches the level you need, pick a darker shade of #4CAF50 from the ramps above as the background instead — small lightness moves change contrast quickly. Test any other pair with the free contrast checker.

More green colors in the library: #2ECC71, #32CD32, #34D399 (emerald-400), #22C55E (green-500), #84CC16 (lime-500), #A3E635 (lime-400).

Frequently Asked Questions

What color is #4CAF50?

#4CAF50 is a medium, moderately saturated green — rgb(76, 175, 80). Its nearest CSS named color is mediumseagreen.
How do I make tints and shades of #4CAF50?

Mix #4CAF50 with white for tints and with black for shades. A 20% tint of #4CAF50 is #70bf73 and a 20% shade is #3d8c40 — the full 10%–90% ramps are precomputed on this page, or open #4CAF50 in the generator for finer steps.
What text color is readable on #4CAF50?

Black text gives the strongest contrast on a #4CAF50 background at 7.56:1, which passes WCAG AA and AAA for normal text.

Browse more colors in the color library, or start from any hex code on the HexTints homepage.

Building a brand around #4CAF50? Put it on a free link-in-bio page →