#786F6D

#786F6D

Color Values

HEX

#786F6D

RGB

120, 111, 109

HSL

10.9, 4.8%, 44.9%

HSV

10.9, 9.2%, 47.1%

CMYK

0.0%, 7.5%, 9.2%, 52.9%

OKLCH

0.5493 0.0117 32.5

Properties

Warm Dark Nearest: dimgrey

Color Harmonies

Complementary

#786F6D

#6D7678

Analogous

#786D70

#78746D

#786F6D

Triadic

#786F6D

#6D786F

#6F6D78

Split Complementary

#786F6D

#6D7874

#6D7078

Tetradic

#786F6D

#70786D

#6D7678

#746D78

Color Blindness Simulation

Original

#786F6D

Protanopia

#74746D

Deuteranopia

#75756E

Tritanopia

#786E6E

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDEC
200
#DDDADA
300
#C5C0BF
400
#A59E9C
500
#867C79
600
#6B6361
700
#564F4E
800
#433E3D
900
#332F2E
950
#201E1D

Contrast Checker

Text on white

4.89:1

AA Pass AAA Fail

Text on black

4.29:1

AA Fail 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