#78786C

#78786C

Color Values

HEX

#78786C

RGB

120, 120, 108

HSL

60.0, 5.3%, 44.7%

HSV

60.0, 10.0%, 47.1%

CMYK

0.0%, 0.0%, 10.0%, 52.9%

OKLCH

0.5691 0.018 107.0

Properties

Warm Light Nearest: RAL 7036 Platinum Grey

Color Harmonies

Complementary

#78786C

#6C6C78

Analogous

#78726C

#72786C

#78786C

Triadic

#78786C

#6C7878

#786C78

Split Complementary

#78786C

#6C7278

#726C78

Tetradic

#78786C

#6C7872

#6C6C78

#786C72

Color Blindness Simulation

Original

#78786C

Protanopia

#78786F

Deuteranopia

#787870

Tritanopia

#787172

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEEEC
200
#DDDDD9
300
#C5C5BF
400
#A6A69C
500
#868679
600
#6B6B61
700
#56564D
800
#43433C
900
#33332E
950
#20201D

Contrast Checker

Text on white

4.47:1

AA Fail AAA Fail

Text on black

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