#786D3F

#786D3F

Color Values

HEX

#786D3F

RGB

120, 109, 63

HSL

48.4, 31.1%, 35.9%

HSV

48.4, 47.5%, 47.1%

CMYK

0.0%, 9.2%, 47.5%, 52.9%

OKLCH

0.5338 0.066 96.3

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#786D3F

#3F4A78

Analogous

#78513F

#67783F

#786D3F

Triadic

#786D3F

#3F786D

#6D3F78

Split Complementary

#786D3F

#3F6778

#513F78

Tetradic

#786D3F

#3F7851

#3F4A78

#783F67

Color Blindness Simulation

Original

#786D3F

Protanopia

#73734A

Deuteranopia

#74754D

Tritanopia

#775355

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F9F9F5
100
#F2F0E8
200
#E6E2D0
300
#D5CDAF
400
#BEB383
500
#A79858
600
#867946
700
#6B6138
800
#544C2C
900
#3E3923
950
#272416

Contrast Checker

Text on white

5.18:1

AA Pass AAA Fail

Text on black

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