#5ADADF

#5ADADF

Color Values

HEX

#5ADADF

RGB

90, 218, 223

HSL

182.3, 67.5%, 61.4%

HSV

182.3, 59.6%, 87.5%

CMYK

59.6%, 2.2%, 0.0%, 12.5%

OKLCH

0.8196 0.112 198.8

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#5ADADF

#DF5F5A

Analogous

#5ADFA2

#5A97DF

#5ADADF

Triadic

#5ADADF

#DF5ADA

#DADF5A

Split Complementary

#5ADADF

#DF5A97

#DFA25A

Tetradic

#5ADADF

#A25ADF

#DF5F5A

#97DF5A

Color Blindness Simulation

Original

#5ADADF

Protanopia

#9193DE

Deuteranopia

#8A80DE

Tritanopia

#60DDDD

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F3FBFC
100
#E3F7F7
200
#C3F2F3
300
#98E8EB
400
#61DBE0
500
#29CFD6
600
#21A6AB
700
#1B8489
800
#15676B
900
#134C4E
950
#0C3031

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

12.53:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026