#5AD3D0

#5AD3D0

Color Values

HEX

#5AD3D0

RGB

90, 211, 208

HSL

178.5, 57.9%, 59.0%

HSV

178.5, 57.3%, 82.7%

CMYK

57.3%, 0.0%, 1.4%, 17.3%

OKLCH

0.7981 0.1078 193.0

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#5AD3D0

#D35A5D

Analogous

#5AD393

#5A99D3

#5AD3D0

Triadic

#5AD3D0

#D05AD3

#D3D05A

Split Complementary

#5AD3D0

#D35A99

#D3935A

Tetradic

#5AD3D0

#935AD3

#D35A5D

#99D35A

Color Blindness Simulation

Original

#5AD3D0

Protanopia

#8E8FD1

Deuteranopia

#877ED1

Tritanopia

#60D1D1

Achromatopsia

#B9B9B9

CSS Usage

background-color: #5AD3D0;
color: #5AD3D0;
border-color: #5AD3D0;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F4FBFB
100
#E4F6F5
200
#C7F0EF
300
#9EE5E3
400
#6AD7D5
500
#36C9C6
600
#2BA19E
700
#22817E
800
#1B6563
900
#174A48
950
#0F2F2E

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

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