#72ABD9

#72ABD9

Color Values

HEX

#72ABD9

RGB

114, 171, 217

HSL

206.8, 57.5%, 64.9%

HSV

206.8, 47.5%, 85.1%

CMYK

47.5%, 21.2%, 0.0%, 14.9%

OKLCH

0.7196 0.09 243.8

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#72ABD9

#D9A072

Analogous

#72D9D3

#7278D9

#72ABD9

Triadic

#72ABD9

#D972AB

#ABD972

Split Complementary

#72ABD9

#D97278

#D9D372

Tetradic

#72ABD9

#D372D9

#D9A072

#78D972

Color Blindness Simulation

Original

#72ABD9

Protanopia

#8B8BCE

Deuteranopia

#8783CB

Tritanopia

#75C5C3

Achromatopsia

#A2A2A2

CSS Usage

background-color: #72ABD9;
color: #72ABD9;
border-color: #72ABD9;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F4F8FB
100
#E4EEF6
200
#C7DDF0
300
#9FC6E5
400
#6AA6D7
500
#3687C9
600
#2B6CA1
700
#235781
800
#1B4464
900
#17334A
950
#0F202E

Contrast Checker

Text on white

2.46:1

AA Fail AAA Fail

Text on black

8.54: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