#72DFBC

#72DFBC

Color Values

HEX

#72DFBC

RGB

114, 223, 188

HSL

160,7, 63,0%, 66,1%

HSV

160,7, 48,9%, 87,5%

CMYK

48,9%, 0,0%, 15,7%, 12,5%

OKLCH

0,8291 0,1135 170,2

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#72DFBC

#DF7295

Analogous

#72DF86

#72CCDF

#72DFBC

Triadic

#72DFBC

#BC72DF

#DFBC72

Split Complementary

#72DFBC

#DF72CC

#DF8672

Tetradic

#72DFBC

#8672DF

#DF7295

#CCDF72

Color Blindness Simulation

Original

#72DFBC

Protanopia

#A1A2C4

Deuteranopia

#9B93C6

Tritanopia

#77CBCD

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F3FBF9
100
#E4F7F1
200
#C5F2E3
300
#9BE8D0
400
#65DCB6
500
#2FD09C
600
#26A67D
700
#1E8564
800
#18684E
900
#154C3A
950
#0D3025

Contrast Checker

Text on white

1,62:1

AA Fail AAA Fail

Text on black

13,0:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

فبراير 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

فبراير 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

فبراير 19, 2026