#828F76

#828F76

Color Values

HEX

#828F76

RGB

130, 143, 118

HSL

91.2, 10.0%, 51.2%

HSV

91.2, 17.5%, 56.1%

CMYK

9.1%, 0.0%, 17.5%, 43.9%

OKLCH

0.6323 0.0394 129.9

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#828F76

#83768F

Analogous

#8F8F76

#768F77

#828F76

Triadic

#828F76

#76828F

#8F7682

Split Complementary

#828F76

#77768F

#8F768F

Tetradic

#828F76

#768F8F

#83768F

#8F7776

Color Blindness Simulation

Original

#828F76

Protanopia

#88887C

Deuteranopia

#87867E

Tritanopia

#838182

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EDEFEC
200
#DBDFD8
300
#C2C8BC
400
#A0AA97
500
#7F8C73
600
#66705C
700
#515A49
800
#3F4639
900
#30352C
950
#1E211C

Contrast Checker

Text on white

3.42:1

AA Fail AAA Fail

Text on black

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