#45D4FC

#45D4FC

Color Values

HEX

#45D4FC

RGB

69, 212, 252

HSL

193.1, 96.8%, 62.9%

HSV

193.1, 72.6%, 98.8%

CMYK

72.6%, 15.9%, 0.0%, 1.2%

OKLCH

0.811 0.1305 220.8

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#45D4FC

#FC6D45

Analogous

#45FCC8

#4578FC

#45D4FC

Triadic

#45D4FC

#FC45D4

#D4FC45

Split Complementary

#45D4FC

#FC4578

#FCC845

Tetradic

#45D4FC

#C845FC

#FC6D45

#78FC45

Color Blindness Simulation

Original

#45D4FC

Protanopia

#8384F2

Deuteranopia

#7B70F0

Tritanopia

#4CEBE9

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F1FBFE
100
#DEF5FC
200
#B9EFFE
300
#87E3FD
400
#45D4FC
500
#04C5FB
600
#039EC9
700
#037EA1
800
#02637D
900
#06485B
950
#042E39

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

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