#575AEA

#575AEA

Color Values

HEX

#575AEA

RGB

87, 90, 234

HSL

238.8, 77.8%, 62.9%

HSV

238.8, 62.8%, 91.8%

CMYK

62.8%, 61.5%, 0.0%, 8.2%

OKLCH

0.5516 0.2122 276.0

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#575AEA

#EAE757

Analogous

#57A3EA

#9D57EA

#575AEA

Triadic

#575AEA

#EA575A

#5AEA57

Split Complementary

#575AEA

#EA9D57

#A3EA57

Tetradic

#575AEA

#EA57A3

#EAE757

#57EA9D

Color Blindness Simulation

Original

#575AEA

Protanopia

#5858C7

Deuteranopia

#5858BF

Tritanopia

#57ACA6

Achromatopsia

#646464

CSS Usage

background-color: #575AEA;
color: #575AEA;
border-color: #575AEA;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F2FC
100
#E1E2F9
200
#C0C1F7
300
#9294F1
400
#575AEA
500
#1C20E3
600
#171AB5
700
#121591
800
#0E1071
900
#0F1052
950
#090A34

Contrast Checker

Text on white

5.18:1

AA Pass AAA Fail

Text on black

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