#583D55

#583D55

Color Values

HEX

#583D55

RGB

88, 61, 85

HSL

306.7, 18.1%, 29.2%

HSV

306.7, 30.7%, 34.5%

CMYK

0.0%, 30.7%, 3.4%, 65.5%

OKLCH

0.3994 0.0529 330.4

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#583D55

#3D5840

Analogous

#4D3D58

#583D47

#583D55

Triadic

#583D55

#55583D

#3D5558

Split Complementary

#583D55

#47583D

#3D584D

Tetradic

#583D55

#584D3D

#3D5840

#3D4758

Color Blindness Simulation

Original

#583D55

Protanopia

#4C4C4F

Deuteranopia

#4E504E

Tritanopia

#574B4A

Achromatopsia

#444444

CSS Usage

background-color: #583D55;
color: #583D55;
border-color: #583D55;
Nearest Tailwind: Zinc 700 #3F3F46

Tailwind Shades

50
#F9F6F8
100
#F0EAEF
200
#E2D5E0
300
#CDB7CA
400
#B290AE
500
#976891
600
#785474
700
#60435D
800
#4B3449
900
#382937
950
#241A22

Contrast Checker

Text on white

9.49:1

AA Pass AAA Pass

Text on black

2.21:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026