#45D7FD

#45D7FD

Color Values

HEX

#45D7FD

RGB

69, 215, 253

HSL

192.4, 97.9%, 63.1%

HSV

192.4, 72.7%, 99.2%

CMYK

72.7%, 15.0%, 0.0%, 0.8%

OKLCH

0.8183 0.1308 219.3

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#45D7FD

#FD6B45

Analogous

#45FDC7

#457BFD

#45D7FD

Triadic

#45D7FD

#FD45D7

#D7FD45

Split Complementary

#45D7FD

#FD457B

#FDC745

Tetradic

#45D7FD

#C745FD

#FD6B45

#7BFD45

Color Blindness Simulation

Original

#45D7FD

Protanopia

#8485F4

Deuteranopia

#7C71F2

Tritanopia

#4CEDEB

Achromatopsia

#BBBBBB

CSS Usage

background-color: #45D7FD;
color: #45D7FD;
border-color: #45D7FD;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F1FBFE
100
#DEF6FC
200
#B8F0FE
300
#86E5FE
400
#44D7FD
500
#03C9FC
600
#02A1CA
700
#0280A1
800
#01647E
900
#06495B
950
#042E3A

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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