#848878

#848878

Color Values

HEX

#848878

RGB

132, 136, 120

HSL

75.0, 6.3%, 50.2%

HSV

75.0, 11.8%, 53.3%

CMYK

2.9%, 0.0%, 11.8%, 46.7%

OKLCH

0.6187 0.0239 118.5

Properties

Cool Light Nearest: lightyellow 4

Color Harmonies

Complementary

#848878

#7C7888

Analogous

#888478

#7C8878

#848878

Triadic

#848878

#788488

#887884

Split Complementary

#848878

#787C88

#847888

Tetradic

#848878

#788884

#7C7888

#88787C

Color Blindness Simulation

Original

#848878

Protanopia

#86867C

Deuteranopia

#86857D

Tritanopia

#847F80

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEEEC
200
#DCDED9
300
#C4C6BE
400
#A4A79B
500
#848877
600
#696C60
700
#54574C
800
#42443C
900
#32332E
950
#1F201D

Contrast Checker

Text on white

3.64:1

AA Fail AAA Fail

Text on black

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