#573863

#573863

Color Values

HEX

#573863

RGB

87, 56, 99

HSL

283.3, 27.7%, 30.4%

HSV

283.3, 43.4%, 38.8%

CMYK

12.1%, 43.4%, 0.0%, 61.2%

OKLCH

0.3951 0.0797 316.1

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#573863

#446338

Analogous

#423863

#633859

#573863

Triadic

#573863

#635738

#386357

Split Complementary

#573863

#596338

#386342

Tetradic

#573863

#634238

#446338

#385963

Color Blindness Simulation

Original

#573863

Protanopia

#4A4959

Deuteranopia

#4B4E56

Tritanopia

#55504F

Achromatopsia

#424242

CSS Usage

background-color: #573863;
color: #573863;
border-color: #573863;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F8F6F9
100
#EFE9F1
200
#E0D1E5
300
#C9B1D3
400
#AC87BB
500
#8F5CA3
600
#734A82
700
#5C3B68
800
#482E51
900
#36243D
950
#221726

Contrast Checker

Text on white

9.76:1

AA Pass AAA Pass

Text on black

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