#836475

#836475

Color Values

HEX

#836475

RGB

131, 100, 117

HSL

327.1, 13.4%, 45.3%

HSV

327.1, 23.7%, 51.4%

CMYK

0.0%, 23.7%, 10.7%, 48.6%

OKLCH

0.5399 0.0467 344.7

Properties

Warm Dark Nearest: pink 4

Color Harmonies

Complementary

#836475

#648372

Analogous

#816483

#836466

#836475

Triadic

#836475

#758364

#647583

Split Complementary

#836475

#668364

#648381

Tetradic

#836475

#838164

#648372

#646683

Color Blindness Simulation

Original

#836475

Protanopia

#767571

Deuteranopia

#777A70

Tritanopia

#816E6D

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

5.19:1

AA Pass AAA Fail

Text on black

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