#5A75AD

#5A75AD

Color Values

HEX

#5A75AD

RGB

90, 117, 173

HSL

220.5, 33.6%, 51.6%

HSV

220.5, 48.0%, 67.8%

CMYK

48.0%, 32.4%, 0.0%, 32.2%

OKLCH

0.5656 0.0928 264.0

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#5A75AD

#AD925A

Analogous

#5A9FAD

#695AAD

#5A75AD

Triadic

#5A75AD

#AD5A75

#75AD5A

Split Complementary

#5A75AD

#AD695A

#9FAD5A

Tetradic

#5A75AD

#AD5A9F

#AD925A

#5AAD69

Color Blindness Simulation

Original

#5A75AD

Protanopia

#66669F

Deuteranopia

#64629C

Tritanopia

#5B9592

Achromatopsia

#737373

CSS Usage

background-color: #5A75AD;
color: #5A75AD;
border-color: #5A75AD;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F7FA
100
#E8EBF2
200
#CFD7E7
300
#ADBBD6
400
#8196C0
500
#5571AA
600
#445A88
700
#36486D
800
#2A3855
900
#222B3F
950
#151B28

Contrast Checker

Text on white

4.58:1

AA Pass AAA Fail

Text on black

4.58:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026