#828857

#828857

Color Values

HEX

#828857

RGB

130, 136, 87

HSL

67.3, 22.0%, 43.7%

HSV

67.3, 36.0%, 53.3%

CMYK

4.4%, 0.0%, 36.0%, 46.7%

OKLCH

0.6094 0.0693 114.2

Properties

Cool Light Nearest: khaki 4

Color Harmonies

Complementary

#828857

#5D5788

Analogous

#887557

#698857

#828857

Triadic

#828857

#578288

#885782

Split Complementary

#828857

#576988

#755788

Tetradic

#828857

#578875

#5D5788

#885769

Color Blindness Simulation

Original

#828857

Protanopia

#858563

Deuteranopia

#848466

Tritanopia

#826C6E

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#F0F0EA
200
#E1E3D3
300
#CCCFB4
400
#B0B58C
500
#959C63
600
#777C50
700
#5F6440
800
#4A4E32
900
#383A27
950
#232519

Contrast Checker

Text on white

3.74:1

AA Fail AAA Fail

Text on black

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