#5A668F

#5A668F

Color Values

HEX

#5A668F

RGB

90, 102, 143

HSL

226.4, 22.7%, 45.7%

HSV

226.4, 37.1%, 56.1%

CMYK

37.1%, 28.7%, 0.0%, 43.9%

OKLCH

0.5171 0.0668 271.4

Properties

Cool Dark Nearest: RAL 5023 Distant Blue

Color Harmonies

Complementary

#5A668F

#8F835A

Analogous

#5A818F

#695A8F

#5A668F

Triadic

#5A668F

#8F5A66

#668F5A

Split Complementary

#5A668F

#8F695A

#818F5A

Tetradic

#5A668F

#8F5A81

#8F835A

#5A8F69

Color Blindness Simulation

Original

#5A668F

Protanopia

#5F5F85

Deuteranopia

#5E5E83

Tritanopia

#5B7D7C

Achromatopsia

#666666

CSS Usage

background-color: #5A668F;
color: #5A668F;
border-color: #5A668F;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F7F9
100
#EAEBF1
200
#D3D7E3
300
#B4BAD0
400
#8B95B6
500
#63709C
600
#4F597D
700
#3F4764
800
#31384E
900
#272B3A
950
#181B25

Contrast Checker

Text on white

5.63:1

AA Pass AAA Fail

Text on black

3.73:1

AA Fail 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