#828878

#828878

Color Values

HEX

#828878

RGB

130, 136, 120

HSL

82.5, 6.3%, 50.2%

HSV

82.5, 11.8%, 53.3%

CMYK

4.4%, 0.0%, 11.8%, 46.7%

OKLCH

0.617 0.0245 123.9

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#828878

#7E7888

Analogous

#888678

#7A8878

#828878

Triadic

#828878

#788288

#887882

Split Complementary

#828878

#787A88

#867888

Tetradic

#828878

#788886

#7E7888

#88787A

Color Blindness Simulation

Original

#828878

Protanopia

#85857C

Deuteranopia

#84847D

Tritanopia

#827F80

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EDEEEC
200
#DCDED9
300
#C3C6BE
400
#A2A79B
500
#828877
600
#686C60
700
#53574C
800
#41443C
900
#31332E
950
#1F201D

Contrast Checker

Text on white

3.66:1

AA Fail AAA Fail

Text on black

5.74:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026