#846576

#846576

Color Values

HEX

#846576

RGB

132, 101, 118

HSL

327.1, 13.3%, 45.7%

HSV

327.1, 23.5%, 51.8%

CMYK

0.0%, 23.5%, 10.6%, 48.2%

OKLCH

0.5434 0.0466 344.7

Properties

Warm Dark Nearest: pink 4

Color Harmonies

Complementary

#846576

#658473

Analogous

#836584

#846567

#846576

Triadic

#846576

#768465

#657684

Split Complementary

#846576

#678465

#658483

Tetradic

#846576

#848365

#658473

#656784

Color Blindness Simulation

Original

#846576

Protanopia

#777672

Deuteranopia

#787B71

Tritanopia

#826F6E

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F8F6F7
100
#EFEBED
200
#E0D7DC
300
#CABAC3
400
#AD94A2
500
#906F81
600
#745867
700
#5C4753
800
#483741
900
#362B31
950
#221B1F

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

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