#45C3FC

#45C3FC

Color Values

HEX

#45C3FC

RGB

69, 195, 252

HSL

198.7, 96.8%, 62.9%

HSV

198.7, 72.6%, 98.8%

CMYK

72.6%, 22.6%, 0.0%, 1.2%

OKLCH

0.7721 0.1352 232.2

Properties

Cool Light Nearest: deepskyblue

Color Harmonies

Complementary

#45C3FC

#FC7E45

Analogous

#45FCD9

#4567FC

#45C3FC

Triadic

#45C3FC

#FC45C3

#C3FC45

Split Complementary

#45C3FC

#FC4567

#FCD945

Tetradic

#45C3FC

#D945FC

#FC7E45

#67FC45

Color Blindness Simulation

Original

#45C3FC

Protanopia

#7C7DEE

Deuteranopia

#746BEB

Tritanopia

#4BE3E1

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#F1FAFE
100
#DEF3FC
200
#B9E8FE
300
#87D8FD
400
#45C3FC
500
#04AEFB
600
#038BC9
700
#036FA1
800
#02577D
900
#06405B
950
#042939

Contrast Checker

Text on white

2.01:1

AA Fail AAA Fail

Text on black

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