#836C86

#836C86

Color Values

HEX

#836C86

RGB

131, 108, 134

HSL

293.1, 10.7%, 47.5%

HSV

293.1, 19.4%, 52.5%

CMYK

2.2%, 19.4%, 0.0%, 47.5%

OKLCH

0.5623 0.048 322.4

Properties

Cool Dark Nearest: thistle 4

Color Harmonies

Complementary

#836C86

#6F866C

Analogous

#766C86

#866C7C

#836C86

Triadic

#836C86

#86836C

#6C8683

Split Complementary

#836C86

#7C866C

#6C8676

Tetradic

#836C86

#86766C

#6F866C

#6C7C86

Color Blindness Simulation

Original

#836C86

Protanopia

#797980

Deuteranopia

#7A7C7E

Tritanopia

#827B7A

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEECEF
200
#DED7DF
300
#C7BBC8
400
#A897AB
500
#8A728D
600
#6E5B71
700
#58495A
800
#453947
900
#342C35
950
#211C22

Contrast Checker

Text on white

4.71:1

AA Pass AAA Fail

Text on black

4.45:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026