#45D5FC

#45D5FC

Color Values

HEX

#45D5FC

RGB

69, 213, 252

HSL

192.8, 96.8%, 62.9%

HSV

192.8, 72.6%, 98.8%

CMYK

72.6%, 15.5%, 0.0%, 1.2%

OKLCH

0.8133 0.1303 220.1

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#45D5FC

#FC6C45

Analogous

#45FCC7

#4579FC

#45D5FC

Triadic

#45D5FC

#FC45D5

#D5FC45

Split Complementary

#45D5FC

#FC4579

#FCC745

Tetradic

#45D5FC

#C745FC

#FC6C45

#79FC45

Color Blindness Simulation

Original

#45D5FC

Protanopia

#8385F3

Deuteranopia

#7B70F0

Tritanopia

#4CEBE9

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F1FBFE
100
#DEF6FC
200
#B9EFFE
300
#87E4FD
400
#45D5FC
500
#04C6FB
600
#039FC9
700
#037FA1
800
#02637D
900
#06495B
950
#042E39

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

12.18:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026