#574184

#574184

Color Values

HEX

#574184

RGB

87, 65, 132

HSL

259.7, 34.0%, 38.6%

HSV

259.7, 50.8%, 51.8%

CMYK

34.1%, 50.8%, 0.0%, 48.2%

OKLCH

0.4316 0.1087 296.7

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#574184

#6E8441

Analogous

#414C84

#784184

#574184

Triadic

#574184

#845741

#418457

Split Complementary

#574184

#847841

#4C8441

Tetradic

#574184

#84414C

#6E8441

#418478

Color Blindness Simulation

Original

#574184

Protanopia

#4D4D74

Deuteranopia

#4F5070

Tritanopia

#566764

Achromatopsia

#4B4B4B

CSS Usage

background-color: #574184;
color: #574184;
border-color: #574184;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F7F5FA
100
#EBE8F2
200
#D7CFE7
300
#BBADD7
400
#9681C1
500
#7154AB
600
#5A4389
700
#48366D
800
#382A55
900
#2B223F
950
#1B1528

Contrast Checker

Text on white

8.42:1

AA Pass AAA Pass

Text on black

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