#575174

#575174

Color Values

HEX

#575174

RGB

87, 81, 116

HSL

250.3, 17.8%, 38.6%

HSV

250.3, 30.2%, 45.5%

CMYK

25.0%, 30.2%, 0.0%, 54.5%

OKLCH

0.4551 0.0568 291.8

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#575174

#6E7451

Analogous

#515C74

#685174

#575174

Triadic

#575174

#745751

#517457

Split Complementary

#575174

#746851

#5C7451

Tetradic

#575174

#74515C

#6E7451

#517468

Color Blindness Simulation

Original

#575174

Protanopia

#54546C

Deuteranopia

#555569

Tritanopia

#576563

Achromatopsia

#555555

CSS Usage

background-color: #575174;
color: #575174;
border-color: #575174;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F7F6F9
100
#EBEAF0
200
#D7D5E2
300
#BBB7CD
400
#9690B1
500
#716996
600
#5A5478
700
#484360
800
#38344B
900
#2B2938
950
#1B1A24

Contrast Checker

Text on white

7.41:1

AA Pass AAA Pass

Text on black

2.83:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026