#72C178

#72C178

Color Values

HEX

#72C178

RGB

114, 193, 120

HSL

124.6, 38.9%, 60.2%

HSV

124.6, 40.9%, 75.7%

CMYK

40.9%, 0.0%, 37.8%, 24.3%

OKLCH

0.7415 0.1299 145.8

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#72C178

#C172BB

Analogous

#93C172

#72C1A0

#72C178

Triadic

#72C178

#7872C1

#C17872

Split Complementary

#72C178

#A072C1

#C17293

Tetradic

#72C178

#7293C1

#C172BB

#C1A072

Color Blindness Simulation

Original

#72C178

Protanopia

#94958A

Deuteranopia

#908A8E

Tritanopia

#76989B

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E7F3E8
200
#CDE9D0
300
#AADAAE
400
#7CC582
500
#4EB156
600
#3E8E44
700
#327137
800
#27592B
900
#1F4122
950
#142916

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

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