#836F77

#836F77

Color Values

HEX

#836F77

RGB

131, 111, 119

HSL

336.0, 8.3%, 47.5%

HSV

336.0, 15.3%, 51.4%

CMYK

0.0%, 15.3%, 9.2%, 48.6%

OKLCH

0.5632 0.0276 352.0

Properties

Warm Dark Nearest: thistle 4

Color Harmonies

Complementary

#836F77

#6F837B

Analogous

#836F81

#83716F

#836F77

Triadic

#836F77

#77836F

#6F7783

Split Complementary

#836F77

#6F8371

#6F8183

Tetradic

#836F77

#81836F

#6F837B

#716F83

Color Blindness Simulation

Original

#836F77

Protanopia

#7A7A75

Deuteranopia

#7C7D75

Tritanopia

#827473

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEECED
200
#DED8DB
300
#C7BDC1
400
#A8999F
500
#8A757D
600
#6E5E64
700
#584B50
800
#453A3F
900
#342D30
950
#211C1E

Contrast Checker

Text on white

4.66:1

AA Pass AAA Fail

Text on black

4.51:1

AA Pass 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