#828858

#828858

Color Values

HEX

#828858

RGB

130, 136, 88

HSL

67.5, 21.4%, 43.9%

HSV

67.5, 35.3%, 53.3%

CMYK

4.4%, 0.0%, 35.3%, 46.7%

OKLCH

0.6096 0.068 114.2

Properties

Cool Light Nearest: RAL 7002 Olive Grey

Color Harmonies

Complementary

#828858

#5E5888

Analogous

#887658

#6A8858

#828858

Triadic

#828858

#588288

#885882

Split Complementary

#828858

#586A88

#765888

Tetradic

#828858

#588876

#5E5888

#88586A

Color Blindness Simulation

Original

#828858

Protanopia

#858564

Deuteranopia

#848466

Tritanopia

#826D6F

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#F0F0EA
200
#E1E3D4
300
#CCCFB5
400
#B0B58C
500
#949B64
600
#767C50
700
#5F6340
800
#4A4D32
900
#373A27
950
#232419

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