#45D6FC

#45D6FC

Color Values

HEX

#45D6FC

RGB

69, 214, 252

HSL

192.5, 96.8%, 62.9%

HSV

192.5, 72.6%, 98.8%

CMYK

72.6%, 15.1%, 0.0%, 1.2%

OKLCH

0.8156 0.1303 219.4

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#45D6FC

#FC6B45

Analogous

#45FCC7

#457AFC

#45D6FC

Triadic

#45D6FC

#FC45D6

#D6FC45

Split Complementary

#45D6FC

#FC457A

#FCC745

Tetradic

#45D6FC

#C745FC

#FC6B45

#7AFC45

Color Blindness Simulation

Original

#45D6FC

Protanopia

#8485F3

Deuteranopia

#7B70F1

Tritanopia

#4CECEA

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#F1FBFE
100
#DEF6FC
200
#B9EFFE
300
#87E4FD
400
#45D6FC
500
#04C7FB
600
#03A0C9
700
#0380A1
800
#02647D
900
#06495B
950
#042E39

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

12.28:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026