#5DD4FF

#5DD4FF

Color Values

HEX

#5DD4FF

RGB

93, 212, 255

HSL

195.9, 100.0%, 68.2%

HSV

195.9, 63.5%, 100.0%

CMYK

63.5%, 16.9%, 0.0%, 0.0%

OKLCH

0.8188 0.1217 225.2

Properties

Cool Light Nearest: lightskyblue

Color Harmonies

Complementary

#5DD4FF

#FF885D

Analogous

#5DFFD9

#5D83FF

#5DD4FF

Triadic

#5DD4FF

#FF5DD4

#D4FF5D

Split Complementary

#5DD4FF

#FF5D83

#FFD95D

Tetradic

#5DD4FF

#D95DFF

#FF885D

#83FF5D

Color Blindness Simulation

Original

#5DD4FF

Protanopia

#9192F5

Deuteranopia

#8A81F2

Tritanopia

#63ECEB

Achromatopsia

#BEBEBE

CSS Usage

background-color: #5DD4FF;
color: #5DD4FF;
border-color: #5DD4FF;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F1FAFE
100
#DEF4FC
200
#B8ECFF
300
#85DFFF
400
#42CDFF
500
#00BBFF
600
#0096CC
700
#0078A3
800
#005E80
900
#05455C
950
#032C3A

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

12.33:1

AA Pass AAA Pass

Brands Using This Color

Aaptiv

Aaptiv

Malibu

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