#846384

#846384

Color Values

HEX

#846384

RGB

132, 99, 132

HSL

300.0, 14.3%, 45.3%

HSV

300.0, 25.0%, 51.8%

CMYK

0.0%, 25.0%, 0.0%, 48.2%

OKLCH

0.5447 0.0641 326.4

Properties

Warm Dark Nearest: plum 4

Color Harmonies

Complementary

#846384

#638463

Analogous

#746384

#846374

#846384

Triadic

#846384

#848463

#638484

Split Complementary

#846384

#748463

#638474

Tetradic

#846384

#847463

#638463

#637484

Color Blindness Simulation

Original

#846384

Protanopia

#76757C

Deuteranopia

#787A7A

Tritanopia

#827674

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EFEBEF
200
#E0D6E0
300
#CBB9CB
400
#AE93AE
500
#926D92
600
#755775
700
#5D465D
800
#493749
900
#372A37
950
#231B23

Contrast Checker

Text on white

5.12:1

AA Pass AAA Fail

Text on black

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