#72CF8E

#72CF8E

Color Values

HEX

#72CF8E

RGB

114, 207, 142

HSL

138.1, 49.2%, 62.9%

HSV

138.1, 44.9%, 81.2%

CMYK

44.9%, 0.0%, 31.4%, 18.8%

OKLCH

0.7799 0.1292 152.1

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#72CF8E

#CF72B3

Analogous

#84CF72

#72CFBC

#72CF8E

Triadic

#72CF8E

#8E72CF

#CF8E72

Split Complementary

#72CF8E

#BC72CF

#CF7284

Tetradic

#72CF8E

#7284CF

#CF72B3

#CFBC72

Color Blindness Simulation

Original

#72CF8E

Protanopia

#9A9B9E

Deuteranopia

#958EA2

Tritanopia

#77AAAD

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#F4FBF6
100
#E6F5EA
200
#CAEDD4
300
#A4E0B6
400
#72CF8E
500
#41BE67
600
#349852
700
#297A42
800
#205F33
900
#1B4628
950
#112C19

Contrast Checker

Text on white

1.9:1

AA Fail AAA Fail

Text on black

11.03: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