#868178

#868178

Color Values

HEX

#868178

RGB

134, 129, 120

HSL

38.6, 5.5%, 49.8%

HSV

38.6, 10.4%, 52.5%

CMYK

0.0%, 3.7%, 10.4%, 47.5%

OKLCH

0.6049 0.0147 82.4

Properties

Warm Light Nearest: RAL 7048 Pearl Mouse Grey

Color Harmonies

Complementary

#868178

#787D86

Analogous

#867A78

#848678

#868178

Triadic

#868178

#788681

#817886

Split Complementary

#868178

#788486

#7A7886

Tetradic

#868178

#78867A

#787D86

#867884

Color Blindness Simulation

Original

#868178

Protanopia

#84847A

Deuteranopia

#84847B

Tritanopia

#867C7C

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDEC
200
#DDDCD9
300
#C5C3BE
400
#A6A29B
500
#878278
600
#6C6860
700
#56534D
800
#43413C
900
#33312E
950
#201F1D

Contrast Checker

Text on white

3.87:1

AA Fail AAA Fail

Text on black

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