#786B49

#786B49

Color Values

HEX

#786B49

RGB

120, 107, 73

HSL

43.4, 24.4%, 37.8%

HSV

43.4, 39.2%, 47.1%

CMYK

0.0%, 10.8%, 39.2%, 52.9%

OKLCH

0.5312 0.0519 89.5

Properties

Warm Dark Nearest: burlywood 4

Color Harmonies

Complementary

#786B49

#495678

Analogous

#785349

#6D7849

#786B49

Triadic

#786B49

#49786B

#6B4978

Split Complementary

#786B49

#496D78

#534978

Tetradic

#786B49

#497853

#495678

#78496D

Color Blindness Simulation

Original

#786B49

Protanopia

#727251

Deuteranopia

#737453

Tritanopia

#775859

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F1EFE9
200
#E4DFD3
300
#D1C8B3
400
#B8AB8A
500
#9F8D60
600
#7F714D
700
#665A3E
800
#4F4730
900
#3B3526
950
#252218

Contrast Checker

Text on white

5.25:1

AA Pass AAA Fail

Text on black

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