#72EDB8

#72EDB8

Color Values

HEX

#72EDB8

RGB

114, 237, 184

HSL

154.1, 77.4%, 68.8%

HSV

154.1, 51.9%, 92.9%

CMYK

51.9%, 0.0%, 22.4%, 7.1%

OKLCH

0.8611 0.1349 163.1

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#72EDB8

#ED72A7

Analogous

#72ED7A

#72E5ED

#72EDB8

Triadic

#72EDB8

#B872ED

#EDB872

Split Complementary

#72EDB8

#ED72E5

#ED7A72

Tetradic

#72EDB8

#7A72ED

#ED72A7

#E5ED72

Color Blindness Simulation

Original

#72EDB8

Protanopia

#A7A8C5

Deuteranopia

#A097C8

Tritanopia

#78CFD1

Achromatopsia

#CFCFCF

CSS Usage

background-color: #72EDB8;
color: #72EDB8;
border-color: #72EDB8;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F2FCF8
100
#E1F9EF
200
#C0F7DF
300
#92F1C8
400
#58EAAB
500
#1DE28D
600
#17B571
700
#12915A
800
#0E7146
900
#0F5235
950
#093422

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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