#72DDA6

#72DDA6

Color Values

HEX

#72DDA6

RGB

114, 221, 166

HSL

149.2, 61.1%, 65.7%

HSV

149.2, 48.4%, 86.7%

CMYK

48.4%, 0.0%, 24.9%, 13.3%

OKLCH

0.8188 0.1277 159.3

Properties

Cool Light Nearest: Shamrock

Color Harmonies

Complementary

#72DDA6

#DD72A9

Analogous

#74DD72

#72DDDC

#72DDA6

Triadic

#72DDA6

#A672DD

#DDA672

Split Complementary

#72DDA6

#DC72DD

#DD7274

Tetradic

#72DDA6

#7274DD

#DD72A9

#DDDC72

Color Blindness Simulation

Original

#72DDA6

Protanopia

#A0A1B3

Deuteranopia

#9A92B6

Tritanopia

#77BEC0

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#F3FBF7
100
#E4F6ED
200
#C5F1DB
300
#9CE7C1
400
#67DA9F
500
#32CD7D
600
#28A464
700
#208350
800
#19673F
900
#164B30
950
#0E2F1E

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

12.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