#45C4FC

#45C4FC

Color Values

HEX

#45C4FC

RGB

69, 196, 252

HSL

198.4, 96.8%, 62.9%

HSV

198.4, 72.6%, 98.8%

CMYK

72.6%, 22.2%, 0.0%, 1.2%

OKLCH

0.7743 0.1348 231.5

Properties

Cool Light Nearest: deepskyblue

Color Harmonies

Complementary

#45C4FC

#FC7D45

Analogous

#45FCD9

#4568FC

#45C4FC

Triadic

#45C4FC

#FC45C4

#C4FC45

Split Complementary

#45C4FC

#FC4568

#FCD945

Tetradic

#45C4FC

#D945FC

#FC7D45

#68FC45

Color Blindness Simulation

Original

#45C4FC

Protanopia

#7C7DEE

Deuteranopia

#756BEB

Tritanopia

#4BE4E1

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#F1FAFE
100
#DEF3FC
200
#B9E9FE
300
#87D9FD
400
#45C4FC
500
#04AFFB
600
#038CC9
700
#0370A1
800
#02587D
900
#06415B
950
#042939

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

10.55:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026