#45DEFD

#45DEFD

Color Values

HEX

#45DEFD

RGB

69, 222, 253

HSL

190.1, 97.9%, 63.1%

HSV

190.1, 72.7%, 99.2%

CMYK

72.7%, 12.3%, 0.0%, 0.8%

OKLCH

0.8344 0.1308 214.5

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#45DEFD

#FD6445

Analogous

#45FDC0

#4582FD

#45DEFD

Triadic

#45DEFD

#FD45DE

#DEFD45

Split Complementary

#45DEFD

#FD4582

#FDC045

Tetradic

#45DEFD

#C045FD

#FD6445

#82FD45

Color Blindness Simulation

Original

#45DEFD

Protanopia

#8789F6

Deuteranopia

#7E73F4

Tritanopia

#4DF0EE

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F1FCFE
100
#DEF7FC
200
#B8F2FE
300
#86EAFE
400
#44DEFD
500
#03D2FC
600
#02A8CA
700
#0287A1
800
#01697E
900
#064D5B
950
#04303A

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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