#72E178

#72E178

Color Values

HEX

#72E178

RGB

114, 225, 120

HSL

123.2, 64.9%, 66.5%

HSV

123.2, 49.3%, 88.2%

CMYK

49.3%, 0.0%, 46.7%, 11.8%

OKLCH

0.8196 0.1759 144.8

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#72E178

#E172DB

Analogous

#A4E172

#72E1AF

#72E178

Triadic

#72E178

#7872E1

#E17872

Split Complementary

#72E178

#AF72E1

#E172A4

Tetradic

#72E178

#72A4E1

#E172DB

#E1AF72

Color Blindness Simulation

Original

#72E178

Protanopia

#A2A391

Deuteranopia

#9C9398

Tritanopia

#78A5AA

Achromatopsia

#C2C2C2

CSS Usage

background-color: #72E178;
color: #72E178;
border-color: #72E178;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F3FCF4
100
#E3F7E4
200
#C4F2C7
300
#9AEA9E
400
#63DE6A
500
#2DD236
600
#24A82B
700
#1D8722
800
#16691B
900
#144D17
950
#0D300F

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

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