#836471

#836471

Color Values

HEX

#836471

RGB

131, 100, 113

HSL

334.8, 13.4%, 45.3%

HSV

334.8, 23.7%, 51.4%

CMYK

0.0%, 23.7%, 13.7%, 48.6%

OKLCH

0.5385 0.044 351.7

Properties

Warm Dark Nearest: pink 4

Color Harmonies

Complementary

#836471

#648376

Analogous

#836481

#836764

#836471

Triadic

#836471

#718364

#647183

Split Complementary

#836471

#648367

#648183

Tetradic

#836471

#818364

#648376

#676483

Color Blindness Simulation

Original

#836471

Protanopia

#76756E

Deuteranopia

#777A6D

Tritanopia

#816B6B

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F8F6F7
100
#EFEBED
200
#E0D7DB
300
#CABAC0
400
#AD949F
500
#916E7D
600
#745864
700
#5D4750
800
#48373E
900
#362B30
950
#221B1E

Contrast Checker

Text on white

5.22:1

AA Pass AAA Fail

Text on black

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