#786E64

#786E64

Color Values

HEX

#786E64

RGB

120, 110, 100

HSL

30.0, 9.1%, 43.1%

HSV

30.0, 16.7%, 47.1%

CMYK

0.0%, 8.3%, 16.7%, 52.9%

OKLCH

0.5444 0.0197 67.4

Properties

Warm Dark Nearest: RAL 7039 Quartz Grey

Color Harmonies

Complementary

#786E64

#646E78

Analogous

#786464

#787864

#786E64

Triadic

#786E64

#64786E

#6E6478

Split Complementary

#786E64

#647878

#646478

Tetradic

#786E64

#647864

#646E78

#786478

Color Blindness Simulation

Original

#786E64

Protanopia

#747466

Deuteranopia

#747567

Tritanopia

#786869

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEDEC
200
#DFDBD8
300
#C7C2BC
400
#A9A198
500
#8B8074
600
#6F665D
700
#59524A
800
#46403A
900
#34302C
950
#211F1C

Contrast Checker

Text on white

4.98:1

AA Pass AAA Fail

Text on black

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