#583A67

#583A67

Color Values

HEX

#583A67

RGB

88, 58, 103

HSL

280.0, 28.0%, 31.6%

HSV

280.0, 43.7%, 40.4%

CMYK

14.6%, 43.7%, 0.0%, 59.6%

OKLCH

0.4023 0.0815 313.8

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#583A67

#49673A

Analogous

#423A67

#673A60

#583A67

Triadic

#583A67

#67583A

#3A6758

Split Complementary

#583A67

#60673A

#3A6742

Tetradic

#583A67

#67423A

#49673A

#3A6067

Color Blindness Simulation

Original

#583A67

Protanopia

#4B4B5C

Deuteranopia

#4D4F5A

Tritanopia

#565452

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#F8F6F9
100
#EFE9F1
200
#DFD1E5
300
#C8B1D3
400
#A986BB
500
#8B5CA3
600
#704983
700
#593B68
800
#462E52
900
#35243D
950
#211726

Contrast Checker

Text on white

9.48:1

AA Pass AAA Pass

Text on black

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