#786A65

#786A65

Color Values

HEX

#786A65

RGB

120, 106, 101

HSL

15.8, 8.6%, 43.3%

HSV

15.8, 15.8%, 47.1%

CMYK

0.0%, 11.7%, 15.8%, 52.9%

OKLCH

0.5359 0.0194 40.7

Properties

Warm Dark Nearest: RAL 7039 Quartz Grey

Color Harmonies

Complementary

#786A65

#657378

Analogous

#786569

#787365

#786A65

Triadic

#786A65

#65786A

#6A6578

Split Complementary

#786A65

#657873

#656978

Tetradic

#786A65

#697865

#657378

#736578

Color Blindness Simulation

Original

#786A65

Protanopia

#727266

Deuteranopia

#737466

Tritanopia

#776767

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDEC
200
#DEDAD8
300
#C7BFBD
400
#A99D99
500
#8A7A75
600
#6F625D
700
#594E4B
800
#453D3A
900
#342F2D
950
#211D1C

Contrast Checker

Text on white

5.19:1

AA Pass AAA Fail

Text on black

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