#584563

#584563

Color Values

HEX

#584563

RGB

88, 69, 99

HSL

278.0, 17.9%, 32.9%

HSV

278.0, 30.3%, 38.8%

CMYK

11.1%, 30.3%, 0.0%, 61.2%

OKLCH

0.4223 0.0541 312.8

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#584563

#506345

Analogous

#494563

#63455F

#584563

Triadic

#584563

#635845

#456358

Split Complementary

#584563

#5F6345

#456349

Tetradic

#584563

#634945

#506345

#455F63

Color Blindness Simulation

Original

#584563

Protanopia

#50505C

Deuteranopia

#51525A

Tritanopia

#575655

Achromatopsia

#4B4B4B

CSS Usage

background-color: #584563;
color: #584563;
border-color: #584563;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F8F6F9
100
#EEEAF0
200
#DDD5E2
300
#C5B7CD
400
#A590B2
500
#866996
600
#6B5478
700
#554360
800
#43344B
900
#332938
950
#201A24

Contrast Checker

Text on white

8.58:1

AA Pass AAA Pass

Text on black

2.45:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026