#84557C

#84557C

Color Values

HEX

#84557C

RGB

132, 85, 124

HSL

310.2, 21.7%, 42.5%

HSV

310.2, 35.6%, 51.8%

CMYK

0.0%, 35.6%, 6.1%, 48.2%

OKLCH

0.5151 0.0831 333.0

Properties

Warm Dark Nearest: plum 4

Color Harmonies

Complementary

#84557C

#55845D

Analogous

#745584

#845564

#84557C

Triadic

#84557C

#7C8455

#557C84

Split Complementary

#84557C

#648455

#558474

Tetradic

#84557C

#847455

#55845D

#556484

Color Blindness Simulation

Original

#84557C

Protanopia

#706F73

Deuteranopia

#727670

Tritanopia

#826B69

Achromatopsia

#626262

CSS Usage

background-color: #84557C;
color: #84557C;
border-color: #84557C;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F9F6F8
100
#F0EAEF
200
#E3D4E0
300
#CFB5CB
400
#B58CAE
500
#9B6492
600
#7C5075
700
#63405D
800
#4E3249
900
#3A2737
950
#251923

Contrast Checker

Text on white

5.88:1

AA Pass AAA Fail

Text on black

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