#583971

#583971

Color Values

HEX

#583971

RGB

88, 57, 113

HSL

273.2, 32.9%, 33.3%

HSV

273.2, 49.6%, 44.3%

CMYK

22.1%, 49.6%, 0.0%, 55.7%

OKLCH

0.4061 0.0967 308.2

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#583971

#527139

Analogous

#3C3971

#71396E

#583971

Triadic

#583971

#715839

#397158

Split Complementary

#583971

#6E7139

#39713C

Tetradic

#583971

#713C39

#527139

#396E71

Color Blindness Simulation

Original

#583971

Protanopia

#4B4A63

Deuteranopia

#4C4F60

Tritanopia

#565956

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#F8F5F9
100
#EEE8F2
200
#DDD0E7
300
#C4AED6
400
#A482C0
500
#8456A9
600
#6A4488
700
#54376C
800
#422B55
900
#32223F
950
#201628

Contrast Checker

Text on white

9.38:1

AA Pass AAA Pass

Text on black

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