#45ADFC

#45ADFC

Color Values

HEX

#45ADFC

RGB

69, 173, 252

HSL

205.9, 96.8%, 62.9%

HSV

205.9, 72.6%, 98.8%

CMYK

72.6%, 31.3%, 0.0%, 1.2%

OKLCH

0.7225 0.1492 245.2

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#45ADFC

#FC9445

Analogous

#45FCEF

#4551FC

#45ADFC

Triadic

#45ADFC

#FC45AD

#ADFC45

Split Complementary

#45ADFC

#FC4551

#FCEF45

Tetradic

#45ADFC

#EF45FC

#FC9445

#51FC45

Color Blindness Simulation

Original

#45ADFC

Protanopia

#7273E9

Deuteranopia

#6C64E4

Tritanopia

#4ADAD6

Achromatopsia

#9D9D9D

CSS Usage

background-color: #45ADFC;
color: #45ADFC;
border-color: #45ADFC;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F1F8FE
100
#DEEFFC
200
#B9E0FE
300
#87CAFD
400
#45ADFC
500
#0490FB
600
#0373C9
700
#035CA1
800
#02487D
900
#06365B
950
#042239

Contrast Checker

Text on white

2.43:1

AA Fail AAA Fail

Text on black

8.64:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026