#72EDB0

#72EDB0

Color Values

HEX

#72EDB0

RGB

114, 237, 176

HSL

150.2, 77.4%, 68.8%

HSV

150.2, 51.9%, 92.9%

CMYK

51.9%, 0.0%, 25.7%, 7.1%

OKLCH

0.8592 0.1414 159.7

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#72EDB0

#ED72AF

Analogous

#72ED72

#72EDED

#72EDB0

Triadic

#72EDB0

#B072ED

#EDB072

Split Complementary

#72EDB0

#ED72ED

#ED7272

Tetradic

#72EDB0

#7272ED

#ED72AF

#EDED72

Color Blindness Simulation

Original

#72EDB0

Protanopia

#A7A8BF

Deuteranopia

#A097C2

Tritanopia

#78CACD

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F2FCF7
100
#E1F9ED
200
#C0F7DB
300
#92F1C2
400
#58EAA1
500
#1DE280
600
#17B567
700
#129152
800
#0E7140
900
#0F5231
950
#09341F

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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