#838176

#838176

Color Values

HEX

#838176

RGB

131, 129, 118

HSL

50.8, 5.2%, 48.8%

HSV

50.8, 9.9%, 51.4%

CMYK

0.0%, 1.5%, 9.9%, 48.6%

OKLCH

0.6017 0.0164 98.4

Properties

Warm Light Nearest: RAL 7048 Pearl Mouse Grey

Color Harmonies

Complementary

#838176

#767883

Analogous

#837A76

#7E8376

#838176

Triadic

#838176

#768381

#817683

Split Complementary

#838176

#767E83

#7A7683

Tetradic

#838176

#76837A

#767883

#83767E

Color Blindness Simulation

Original

#838176

Protanopia

#828279

Deuteranopia

#828279

Tritanopia

#837B7B

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEEEC
200
#DDDDD9
300
#C5C4BF
400
#A6A49C
500
#868479
600
#6B6A61
700
#56554D
800
#43423C
900
#33322E
950
#20201D

Contrast Checker

Text on white

3.91:1

AA Fail AAA Fail

Text on black

5.37:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026