#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

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