#72BF77

#72BF77

Color Values

HEX

#72BF77

RGB

114, 191, 119

HSL

123.9, 37.6%, 59.8%

HSV

123.9, 40.3%, 74.9%

CMYK

40.3%, 0.0%, 37.7%, 25.1%

OKLCH

0.7364 0.1279 145.6

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#72BF77

#BF72BA

Analogous

#93BF72

#72BF9E

#72BF77

Triadic

#72BF77

#7772BF

#BF7772

Split Complementary

#72BF77

#9E72BF

#BF7293

Tetradic

#72BF77

#7293BF

#BF72BA

#BF9E72

Color Blindness Simulation

Original

#72BF77

Protanopia

#939488

Deuteranopia

#8F898D

Tritanopia

#769699

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E7F3E8
200
#CEE9D0
300
#ABD9AE
400
#7DC482
500
#50AF56
600
#408C45
700
#337037
800
#28582B
900
#204122
950
#142916

Contrast Checker

Text on white

2.23:1

AA Fail AAA Fail

Text on black

9.43:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026