#84577D

#84577D

Color Values

HEX

#84577D

RGB

132, 87, 125

HSL

309.3, 20.5%, 42.9%

HSV

309.3, 34.1%, 51.8%

CMYK

0.0%, 34.1%, 5.3%, 48.2%

OKLCH

0.5191 0.0802 332.3

Properties

Warm Dark Nearest: plum 4

Color Harmonies

Complementary

#84577D

#57845E

Analogous

#745784

#845766

#84577D

Triadic

#84577D

#7D8457

#577D84

Split Complementary

#84577D

#668457

#578474

Tetradic

#84577D

#847457

#57845E

#576684

Color Blindness Simulation

Original

#84577D

Protanopia

#717074

Deuteranopia

#737672

Tritanopia

#826D6B

Achromatopsia

#636363

CSS Usage

background-color: #84577D;
color: #84577D;
border-color: #84577D;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F9F6F8
100
#F0EAEF
200
#E3D4E0
300
#CEB5CA
400
#B48DAE
500
#9A6592
600
#7B5174
700
#62415D
800
#4D3349
900
#392837
950
#241922

Contrast Checker

Text on white

5.77:1

AA Pass AAA Fail

Text on black

3.64:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026