#72AEDC

#72AEDC

Color Values

HEX

#72AEDC

RGB

114, 174, 220

HSL

206.0, 60.2%, 65.5%

HSV

206.0, 48.2%, 86.3%

CMYK

48.2%, 20.9%, 0.0%, 13.7%

OKLCH

0.7275 0.0916 242.6

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#72AEDC

#DCA072

Analogous

#72DCD5

#7279DC

#72AEDC

Triadic

#72AEDC

#DC72AE

#AEDC72

Split Complementary

#72AEDC

#DC7279

#DCD572

Tetradic

#72AEDC

#D572DC

#DCA072

#79DC72

Color Blindness Simulation

Original

#72AEDC

Protanopia

#8C8DD1

Deuteranopia

#8884CE

Tritanopia

#75C8C6

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#F3F8FB
100
#E4EEF6
200
#C6DEF1
300
#9DC7E7
400
#68A8D9
500
#338ACC
600
#296EA3
700
#205883
800
#194566
900
#16344B
950
#0E212F

Contrast Checker

Text on white

2.39:1

AA Fail AAA Fail

Text on black

8.8:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026