#72ADD0

#72ADD0

Color Values

HEX

#72ADD0

RGB

114, 173, 208

HSL

202.3, 50.0%, 63.1%

HSV

202.3, 45.2%, 81.6%

CMYK

45.2%, 16.8%, 0.0%, 18.4%

OKLCH

0.7203 0.0798 235.5

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#72ADD0

#D09572

Analogous

#72D0C4

#727ED0

#72ADD0

Triadic

#72ADD0

#D072AD

#ADD072

Split Complementary

#72ADD0

#D0727E

#D0C472

Tetradic

#72ADD0

#C472D0

#D09572

#7ED072

Color Blindness Simulation

Original

#72ADD0

Protanopia

#8C8CC8

Deuteranopia

#8884C6

Tritanopia

#75C1BF

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F4F8FB
100
#E6EFF5
200
#C9E0ED
300
#A3CAE0
400
#71ADD0
500
#4090BF
600
#337399
700
#295C7A
800
#204860
900
#1B3646
950
#11222C

Contrast Checker

Text on white

2.44:1

AA Fail AAA Fail

Text on black

8.6:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026