#72C4D1

#72C4D1

Color Values

HEX

#72C4D1

RGB

114, 196, 209

HSL

188.2, 50.8%, 63.3%

HSV

188.2, 45.5%, 82.0%

CMYK

45.5%, 6.2%, 0.0%, 18.0%

OKLCH

0.7728 0.0821 208.7

Properties

Cool Light Nearest: cadetblue 3

Color Harmonies

Complementary

#72C4D1

#D17F72

Analogous

#72D1AE

#7294D1

#72C4D1

Triadic

#72C4D1

#D172C4

#C4D172

Split Complementary

#72C4D1

#D17294

#D1AE72

Tetradic

#72C4D1

#AE72D1

#D17F72

#94D172

Color Blindness Simulation

Original

#72C4D1

Protanopia

#9696CE

Deuteranopia

#918BCD

Tritanopia

#76CBCB

Achromatopsia

#B4B4B4

CSS Usage

background-color: #72C4D1;
color: #72C4D1;
border-color: #72C4D1;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F4FAFB
100
#E5F3F5
200
#C9E8ED
300
#A3D8E1
400
#71C3D1
500
#3FAFC0
600
#328C9A
700
#28707B
800
#1F5760
900
#1A4147
950
#11292D

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

10.53:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026