#836573

#836573

Color Values

HEX

#836573

RGB

131, 101, 115

HSL

332.0, 12.9%, 45.5%

HSV

332.0, 22.9%, 51.4%

CMYK

0.0%, 22.9%, 12.2%, 48.6%

OKLCH

0.5412 0.0434 349.0

Properties

Warm Dark Nearest: pink 4

Color Harmonies

Complementary

#836573

#658375

Analogous

#836582

#836665

#836573

Triadic

#836573

#738365

#657383

Split Complementary

#836573

#658366

#658283

Tetradic

#836573

#828365

#658375

#666583

Color Blindness Simulation

Original

#836573

Protanopia

#767670

Deuteranopia

#787A6F

Tritanopia

#826D6C

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEBED
200
#E0D7DB
300
#CABAC1
400
#AD94A0
500
#906F7E
600
#735965
700
#5C4751
800
#48383F
900
#362B30
950
#221B1E

Contrast Checker

Text on white

5.15:1

AA Pass AAA Fail

Text on black

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