#584255

#584255

Color Values

HEX

#584255

RGB

88, 66, 85

HSL

308.2, 14.3%, 30.2%

HSV

308.2, 25.0%, 34.5%

CMYK

0.0%, 25.0%, 3.4%, 65.5%

OKLCH

0.4098 0.0424 331.0

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#584255

#425845

Analogous

#504258

#58424A

#584255

Triadic

#584255

#555842

#425558

Split Complementary

#584255

#4A5842

#425850

Tetradic

#584255

#585042

#425845

#424A58

Color Blindness Simulation

Original

#584255

Protanopia

#4E4E50

Deuteranopia

#50514F

Tritanopia

#574D4C

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EFEBEF
200
#E0D6DF
300
#CBB9C8
400
#AE93AA
500
#926D8D
600
#755771
700
#5D465A
800
#493746
900
#372A35
950
#231B21

Contrast Checker

Text on white

9.03:1

AA Pass AAA Pass

Text on black

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