#574FF2

#574FF2

Color Values

HEX

#574FF2

RGB

87, 79, 242

HSL

242.9, 86.2%, 62.9%

HSV

242.9, 67.4%, 94.9%

CMYK

64.0%, 67.4%, 0.0%, 5.1%

OKLCH

0.5409 0.2345 277.3

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#574FF2

#EAF24F

Analogous

#4F99F2

#A84FF2

#574FF2

Triadic

#574FF2

#F2574F

#4FF257

Split Complementary

#574FF2

#F2A84F

#99F24F

Tetradic

#574FF2

#F24F99

#EAF24F

#4FF2A8

Color Blindness Simulation

Original

#574FF2

Protanopia

#5453CB

Deuteranopia

#5455C1

Tritanopia

#57ABA5

Achromatopsia

#5C5C5C

CSS Usage

background-color: #574FF2;
color: #574FF2;
border-color: #574FF2;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F2F2FD
100
#E1E0FA
200
#C0BDFA
300
#928DF7
400
#574FF2
500
#1C12ED
600
#170EBE
700
#120B98
800
#0E0977
900
#0E0B56
950
#090736

Contrast Checker

Text on white

5.52:1

AA Pass AAA Fail

Text on black

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