#5A64AF

#5A64AF

Color Values

HEX

#5A64AF

RGB

90, 100, 175

HSL

232.9, 34.7%, 52.0%

HSV

232.9, 48.6%, 68.6%

CMYK

48.6%, 42.9%, 0.0%, 31.4%

OKLCH

0.5303 0.1177 275.9

Properties

Cool Dark Nearest: Indigo

Color Harmonies

Complementary

#5A64AF

#AFA55A

Analogous

#5A8FAF

#7B5AAF

#5A64AF

Triadic

#5A64AF

#AF5A64

#64AF5A

Split Complementary

#5A64AF

#AF7B5A

#8FAF5A

Tetradic

#5A64AF

#AF5A8F

#AFA55A

#5AAF7B

Color Blindness Simulation

Original

#5A64AF

Protanopia

#5E5E9D

Deuteranopia

#5E5D98

Tritanopia

#5A8F8B

Achromatopsia

#676767

CSS Usage

background-color: #5A64AF;
color: #5A64AF;
border-color: #5A64AF;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F6FA
100
#E8E9F2
200
#CFD2E8
300
#ADB2D7
400
#8088C1
500
#535EAC
600
#434B89
700
#353C6E
800
#2A2F56
900
#212540
950
#151728

Contrast Checker

Text on white

5.42:1

AA Pass AAA Fail

Text on black

3.88:1

AA Fail AAA Fail

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