#574577

#574577

Color Values

HEX

#574577

RGB

87, 69, 119

HSL

261.6, 26.6%, 36.9%

HSV

261.6, 42.0%, 46.7%

CMYK

26.9%, 42.0%, 0.0%, 53.3%

OKLCH

0.4315 0.0828 299.5

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#574577

#657745

Analogous

#454C77

#704577

#574577

Triadic

#574577

#775745

#457757

Split Complementary

#574577

#777045

#4C7745

Tetradic

#574577

#77454C

#657745

#457770

Color Blindness Simulation

Original

#574577

Protanopia

#4F4F6B

Deuteranopia

#505268

Tritanopia

#56615F

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#F7F6F9
100
#ECE9F1
200
#D9D2E5
300
#BDB2D2
400
#9A88BA
500
#765EA1
600
#5E4B81
700
#4C3C67
800
#3B2F51
900
#2D253C
950
#1D1726

Contrast Checker

Text on white

8.32:1

AA Pass AAA Pass

Text on black

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