#84658D

#84658D

Color Values

HEX

#84658D

RGB

132, 101, 141

HSL

286.5, 16.5%, 47.5%

HSV

286.5, 28.4%, 55.3%

CMYK

6.4%, 28.4%, 0.0%, 44.7%

OKLCH

0.5523 0.0707 318.5

Properties

Cool Dark Nearest: plum 4

Color Harmonies

Complementary

#84658D

#6E8D65

Analogous

#70658D

#8D6582

#84658D

Triadic

#84658D

#8D8465

#658D84

Split Complementary

#84658D

#828D65

#658D70

Tetradic

#84658D

#8D7065

#6E8D65

#65828D

Color Blindness Simulation

Original

#84658D

Protanopia

#777683

Deuteranopia

#787B81

Tritanopia

#827C7A

Achromatopsia

#6E6E6E

CSS Usage

background-color: #84658D;
color: #84658D;
border-color: #84658D;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F8F6F8
100
#EFEBF0
200
#DFD5E1
300
#C7B8CC
400
#A991B0
500
#8B6A95
600
#6F5577
700
#59445F
800
#46354A
900
#342938
950
#211A23

Contrast Checker

Text on white

4.97:1

AA Pass AAA Fail

Text on black

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