#45A1DC

#45A1DC

Color Values

HEX

#45A1DC

RGB

69, 161, 220

HSL

203.4, 68.3%, 56.7%

HSV

203.4, 68.6%, 86.3%

CMYK

68.6%, 26.8%, 0.0%, 13.7%

OKLCH

0.6792 0.1229 240.3

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#45A1DC

#DC8045

Analogous

#45DCCB

#4556DC

#45A1DC

Triadic

#45A1DC

#DC45A1

#A1DC45

Split Complementary

#45A1DC

#DC4556

#DCCB45

Tetradic

#45A1DC

#CB45DC

#DC8045

#56DC45

Color Blindness Simulation

Original

#45A1DC

Protanopia

#6D6ECE

Deuteranopia

#6861CA

Tritanopia

#4AC2C0

Achromatopsia

#929292

CSS Usage

background-color: #45A1DC;
color: #45A1DC;
border-color: #45A1DC;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F3F8FC
100
#E3EFF8
200
#C3E1F4
300
#98CBEC
400
#60AFE1
500
#2893D7
600
#2075AC
700
#1A5E89
800
#14496B
900
#13374E
950
#0C2331

Contrast Checker

Text on white

2.84:1

AA Fail AAA Fail

Text on black

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