#78786D

#78786D

Color Values

HEX

#78786D

RGB

120, 120, 109

HSL

60.0, 4.8%, 44.9%

HSV

60.0, 9.2%, 47.1%

CMYK

0.0%, 0.0%, 9.2%, 52.9%

OKLCH

0.5693 0.0165 106.9

Properties

Warm Light Nearest: RAL 7036 Platinum Grey

Color Harmonies

Complementary

#78786D

#6D6D78

Analogous

#78726D

#72786D

#78786D

Triadic

#78786D

#6D7878

#786D78

Split Complementary

#78786D

#6D7278

#726D78

Tetradic

#78786D

#6D7872

#6D6D78

#786D72

Color Blindness Simulation

Original

#78786D

Protanopia

#787870

Deuteranopia

#787870

Tritanopia

#787272

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

4.46:1

AA Fail AAA Fail

Text on black

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