#846780

#846780

Color Values

HEX

#846780

RGB

132, 103, 128

HSL

308.3, 12.3%, 46.1%

HSV

308.3, 22.0%, 51.8%

CMYK

0.0%, 22.0%, 3.0%, 48.2%

OKLCH

0.551 0.0519 331.0

Properties

Warm Dark Nearest: plum 4

Color Harmonies

Complementary

#846780

#67846B

Analogous

#7A6784

#846772

#846780

Triadic

#846780

#808467

#678084

Split Complementary

#846780

#728467

#67847A

Tetradic

#846780

#847A67

#67846B

#677284

Color Blindness Simulation

Original

#846780

Protanopia

#77777A

Deuteranopia

#797B78

Tritanopia

#837574

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFEBEE
200
#E0D7DE
300
#C9BAC7
400
#AC95A9
500
#8F708B
600
#73596F
700
#5C4859
800
#483845
900
#362B34
950
#221B21

Contrast Checker

Text on white

4.96:1

AA Pass AAA Fail

Text on black

4.23:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026