#45E9FC

#45E9FC

Color Values

HEX

#45E9FC

RGB

69, 233, 252

HSL

186.2, 96.8%, 62.9%

HSV

186.2, 72.6%, 98.8%

CMYK

72.6%, 7.5%, 0.0%, 1.2%

OKLCH

0.8595 0.1324 206.5

Properties

Cool Light Nearest: turquoise 2

Color Harmonies

Complementary

#45E9FC

#FC5845

Analogous

#45FCB3

#458DFC

#45E9FC

Triadic

#45E9FC

#FC45E9

#E9FC45

Split Complementary

#45E9FC

#FC458D

#FCB345

Tetradic

#45E9FC

#B345FC

#FC5845

#8DFC45

Color Blindness Simulation

Original

#45E9FC

Protanopia

#8C8DF7

Deuteranopia

#8276F6

Tritanopia

#4DF4F3

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F1FCFE
100
#DEF9FC
200
#B9F7FE
300
#87F1FD
400
#45E9FC
500
#04E1FB
600
#03B4C9
700
#0390A1
800
#02717D
900
#06525B
950
#043439

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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