#72C078

#72C078

Color Values

HEX

#72C078

RGB

114, 192, 120

HSL

124.6, 38.2%, 60.0%

HSV

124.6, 40.6%, 75.3%

CMYK

40.6%, 0.0%, 37.5%, 24.7%

OKLCH

0.7391 0.1284 145.9

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#72C078

#C072BA

Analogous

#93C072

#72C09F

#72C078

Triadic

#72C078

#7872C0

#C07872

Split Complementary

#72C078

#9F72C0

#C07293

Tetradic

#72C078

#7293C0

#C072BA

#C09F72

Color Blindness Simulation

Original

#72C078

Protanopia

#949489

Deuteranopia

#8F898E

Tritanopia

#76979A

Achromatopsia

#AAAAAA

CSS Usage

background-color: #72C078;
color: #72C078;
border-color: #72C078;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F5FAF5
100
#E7F3E8
200
#CEE9D0
300
#AAD9AE
400
#7DC582
500
#4FB056
600
#3F8D45
700
#327137
800
#27582B
900
#204122
950
#142916

Contrast Checker

Text on white

2.2:1

AA Fail AAA Fail

Text on black

9.53:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026