#45E4FD

#45E4FD

Color Values

HEX

#45E4FD

RGB

69, 228, 253

HSL

188.2, 97.9%, 63.1%

HSV

188.2, 72.7%, 99.2%

CMYK

72.7%, 9.9%, 0.0%, 0.8%

OKLCH

0.8483 0.1315 210.4

Properties

Cool Light Nearest: turquoise 2

Color Harmonies

Complementary

#45E4FD

#FD5E45

Analogous

#45FDBA

#4588FD

#45E4FD

Triadic

#45E4FD

#FD45E4

#E4FD45

Split Complementary

#45E4FD

#FD4588

#FDBA45

Tetradic

#45E4FD

#BA45FD

#FD5E45

#88FD45

Color Blindness Simulation

Original

#45E4FD

Protanopia

#8A8BF7

Deuteranopia

#8175F6

Tritanopia

#4DF2F1

Achromatopsia

#C4C4C4

CSS Usage

background-color: #45E4FD;
color: #45E4FD;
border-color: #45E4FD;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F1FCFE
100
#DEF8FC
200
#B8F5FE
300
#86EDFE
400
#44E4FD
500
#03DAFC
600
#02AFCA
700
#028CA1
800
#016D7E
900
#064F5B
950
#04323A

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

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