#786C70

#786C70

Color Values

HEX

#786C70

RGB

120, 108, 112

HSL

340.0, 5.3%, 44.7%

HSV

340.0, 10.0%, 47.1%

CMYK

0.0%, 10.0%, 6.7%, 52.9%

OKLCH

0.5437 0.0162 355.4

Properties

Warm Dark Nearest: dimgrey

Color Harmonies

Complementary

#786C70

#6C7874

Analogous

#786C76

#786E6C

#786C70

Triadic

#786C70

#70786C

#6C7078

Split Complementary

#786C70

#6C786E

#6C7678

Tetradic

#786C70

#76786C

#6C7874

#6E6C78

Color Blindness Simulation

Original

#786C70

Protanopia

#73736F

Deuteranopia

#74746F

Tritanopia

#776E6E

Achromatopsia

#6F6F6F

CSS Usage

background-color: #786C70;
color: #786C70;
border-color: #786C70;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F8F7F7
100
#EEECED
200
#DDD9DB
300
#C5BFC1
400
#A69C9F
500
#86797D
600
#6B6164
700
#564D50
800
#433C3F
900
#332E30
950
#201D1E

Contrast Checker

Text on white

5.03:1

AA Pass AAA Fail

Text on black

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