#45A4FD

#45A4FD

Color Values

HEX

#45A4FD

RGB

69, 164, 253

HSL

209.0, 97.9%, 63.1%

HSV

209.0, 72.7%, 99.2%

CMYK

72.7%, 35.2%, 0.0%, 0.8%

OKLCH

0.7032 0.1581 249.9

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#45A4FD

#FD9E45

Analogous

#45FDFA

#4548FD

#45A4FD

Triadic

#45A4FD

#FD45A4

#A4FD45

Split Complementary

#45A4FD

#FD4548

#FDFA45

Tetradic

#45A4FD

#FA45FD

#FD9E45

#48FD45

Color Blindness Simulation

Original

#45A4FD

Protanopia

#6E6FE7

Deuteranopia

#6962E2

Tritanopia

#4AD6D3

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#F1F8FE
100
#DEEEFC
200
#B8DCFE
300
#86C4FE
400
#44A4FD
500
#0384FC
600
#0269CA
700
#0254A1
800
#01427E
900
#06325B
950
#041F3A

Contrast Checker

Text on white

2.63:1

AA Fail AAA Fail

Text on black

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