#786E53

#786E53

Color Values

HEX

#786E53

RGB

120, 110, 83

HSL

43.8, 18.2%, 39.8%

HSV

43.8, 30.8%, 47.1%

CMYK

0.0%, 8.3%, 30.8%, 52.9%

OKLCH

0.5401 0.0416 90.1

Properties

Warm Dark Nearest: Shadow

Color Harmonies

Complementary

#786E53

#535D78

Analogous

#785C53

#6F7853

#786E53

Triadic

#786E53

#53786E

#6E5378

Split Complementary

#786E53

#536F78

#5C5378

Tetradic

#786E53

#53785C

#535D78

#78536F

Color Blindness Simulation

Original

#786E53

Protanopia

#74745A

Deuteranopia

#74755B

Tritanopia

#785F60

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F0EEEA
200
#E2DED5
300
#CDC7B7
400
#B2A98F
500
#978A68
600
#796F53
700
#605843
800
#4B4534
900
#383429
950
#24211A

Contrast Checker

Text on white

5.06:1

AA Pass AAA Fail

Text on black

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