#583E56

#583E56

Color Values

HEX

#583E56

RGB

88, 62, 86

HSL

304.6, 17.3%, 29.4%

HSV

304.6, 29.5%, 34.5%

CMYK

0.0%, 29.5%, 2.3%, 65.5%

OKLCH

0.4019 0.0519 329.1

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#583E56

#3E5840

Analogous

#4D3E58

#583E49

#583E56

Triadic

#583E56

#56583E

#3E5658

Split Complementary

#583E56

#49583E

#3E584D

Tetradic

#583E56

#584D3E

#3E5840

#3E4958

Color Blindness Simulation

Original

#583E56

Protanopia

#4D4D50

Deuteranopia

#4E504F

Tritanopia

#574C4B

Achromatopsia

#454545

CSS Usage

background-color: #583E56;
color: #583E56;
border-color: #583E56;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F8F6F8
100
#F0EBEF
200
#E1D5E1
300
#CCB7CB
400
#B190AE
500
#966992
600
#785475
700
#60435E
800
#4B3549
900
#382937
950
#231A23

Contrast Checker

Text on white

9.38:1

AA Pass AAA Pass

Text on black

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