#72C6DF

#72C6DF

Color Values

HEX

#72C6DF

RGB

114, 198, 223

HSL

193.8, 63.0%, 66.1%

HSV

193.8, 48.9%, 87.5%

CMYK

48.9%, 11.2%, 0.0%, 12.5%

OKLCH

0.7825 0.0889 219.2

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#72C6DF

#DF8B72

Analogous

#72DFC2

#7290DF

#72C6DF

Triadic

#72C6DF

#DF72C6

#C6DF72

Split Complementary

#72C6DF

#DF7290

#DFC272

Tetradic

#72C6DF

#C272DF

#DF8B72

#90DF72

Color Blindness Simulation

Original

#72C6DF

Protanopia

#9697D9

Deuteranopia

#928BD8

Tritanopia

#76D4D3

Achromatopsia

#B6B6B6

CSS Usage

background-color: #72C6DF;
color: #72C6DF;
border-color: #72C6DF;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F3FAFB
100
#E4F2F7
200
#C5E7F2
300
#9BD7E8
400
#65C1DC
500
#2FABD0
600
#2689A6
700
#1E6D85
800
#185568
900
#153F4C
950
#0D2830

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

10.86:1

AA Pass AAA Pass

Related Articles

Brand Stories

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

2月 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026