#72CD89

#72CD89

Color Values

HEX

#72CD89

RGB

114, 205, 137

HSL

135.2, 47.6%, 62.5%

HSV

135.2, 44.4%, 80.4%

CMYK

44.4%, 0.0%, 33.2%, 19.6%

OKLCH

0.774 0.131 150.5

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#72CD89

#CD72B6

Analogous

#88CD72

#72CDB6

#72CD89

Triadic

#72CD89

#8972CD

#CD8972

Split Complementary

#72CD89

#B672CD

#CD7288

Tetradic

#72CD89

#7288CD

#CD72B6

#CDB672

Color Blindness Simulation

Original

#72CD89

Protanopia

#999A99

Deuteranopia

#948D9D

Tritanopia

#77A6A9

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#F4FAF6
100
#E6F4EA
200
#CAECD3
300
#A5DFB3
400
#74CE8A
500
#43BC62
600
#35974E
700
#2B783E
800
#215E31
900
#1C4526
950
#112C18

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

10.81:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026