#45C9FC

#45C9FC

Color Values

HEX

#45C9FC

RGB

69, 201, 252

HSL

196.7, 96.8%, 62.9%

HSV

196.7, 72.6%, 98.8%

CMYK

72.6%, 20.2%, 0.0%, 1.2%

OKLCH

0.7858 0.1329 228.3

Properties

Cool Light Nearest: deepskyblue

Color Harmonies

Complementary

#45C9FC

#FC7845

Analogous

#45FCD3

#456DFC

#45C9FC

Triadic

#45C9FC

#FC45C9

#C9FC45

Split Complementary

#45C9FC

#FC456D

#FCD345

Tetradic

#45C9FC

#D345FC

#FC7845

#6DFC45

Color Blindness Simulation

Original

#45C9FC

Protanopia

#7E7FF0

Deuteranopia

#766DED

Tritanopia

#4CE6E4

Achromatopsia

#B1B1B1

CSS Usage

background-color: #45C9FC;
color: #45C9FC;
border-color: #45C9FC;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F1FAFE
100
#DEF4FC
200
#B9EBFE
300
#87DCFD
400
#45C9FC
500
#04B6FB
600
#0392C9
700
#0375A1
800
#025B7D
900
#06435B
950
#042A39

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

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