#836870

#836870

Color Values

HEX

#836870

RGB

131, 104, 112

HSL

342.2, 11.5%, 46.1%

HSV

342.2, 20.6%, 51.4%

CMYK

0.0%, 20.6%, 14.5%, 48.6%

OKLCH

0.5464 0.0363 358.7

Properties

Warm Dark Nearest: pink 4

Color Harmonies

Complementary

#836870

#68837B

Analogous

#83687E

#836E68

#836870

Triadic

#836870

#708368

#687083

Split Complementary

#836870

#68836E

#687E83

Tetradic

#836870

#7E8368

#68837B

#6E6883

Color Blindness Simulation

Original

#836870

Protanopia

#77776E

Deuteranopia

#797B6E

Tritanopia

#826D6C

Achromatopsia

#6E6E6E

CSS Usage

background-color: #836870;
color: #836870;
border-color: #836870;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F7F7
100
#EFEBEC
200
#DFD7DA
300
#C9BBBF
400
#AC969C
500
#8E717A
600
#725A61
700
#5B484E
800
#47383D
900
#352B2E
950
#221B1D

Contrast Checker

Text on white

5.02:1

AA Pass AAA Fail

Text on black

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