#574E83

#574E83

Color Values

HEX

#574E83

RGB

87, 78, 131

HSL

250.2, 25.4%, 41.0%

HSV

250.2, 40.5%, 51.4%

CMYK

33.6%, 40.5%, 0.0%, 48.6%

OKLCH

0.4566 0.0852 290.4

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#574E83

#7A834E

Analogous

#4E6083

#724E83

#574E83

Triadic

#574E83

#83574E

#4E8357

Split Complementary

#574E83

#83724E

#60834E

Tetradic

#574E83

#834E60

#7A834E

#4E8372

Color Blindness Simulation

Original

#574E83

Protanopia

#535376

Deuteranopia

#545473

Tritanopia

#576C6A

Achromatopsia

#545454

CSS Usage

background-color: #574E83;
color: #574E83;
border-color: #574E83;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F6F6F9
100
#EBE9F1
200
#D5D2E4
300
#B8B2D1
400
#9189B9
500
#6A5FA0
600
#554C80
700
#443D66
800
#353050
900
#29253C
950
#1A1826

Contrast Checker

Text on white

7.44:1

AA Pass AAA Pass

Text on black

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