#786C62

#786C62

Color Values

HEX

#786C62

RGB

120, 108, 98

HSL

27.3, 10.1%, 42.7%

HSV

27.3, 18.3%, 47.1%

CMYK

0.0%, 10.0%, 18.3%, 52.9%

OKLCH

0.5394 0.0215 62.2

Properties

Warm Dark Nearest: RAL 7039 Quartz Grey

Color Harmonies

Complementary

#786C62

#626E78

Analogous

#786263

#787762

#786C62

Triadic

#786C62

#62786C

#6C6278

Split Complementary

#786C62

#627877

#626378

Tetradic

#786C62

#637862

#626E78

#776278

Color Blindness Simulation

Original

#786C62

Protanopia

#737364

Deuteranopia

#747465

Tritanopia

#776667

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEDEC
200
#DFDBD8
300
#C8C1BC
400
#AAA097
500
#8C7E73
600
#70655C
700
#5A5149
800
#463F39
900
#35302C
950
#211E1C

Contrast Checker

Text on white

5.1:1

AA Pass AAA Fail

Text on black

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