#785E2F

#785E2F

Color Values

HEX

#785E2F

RGB

120, 94, 47

HSL

38.6, 43.7%, 32.7%

HSV

38.6, 60.8%, 47.1%

CMYK

0.0%, 21.7%, 60.8%, 52.9%

OKLCH

0.4978 0.0726 80.6

Properties

Warm Dark Nearest: RAL 8000 Green Brown

Color Harmonies

Complementary

#785E2F

#2F4978

Analogous

#78392F

#6D782F

#785E2F

Triadic

#785E2F

#2F785E

#5E2F78

Split Complementary

#785E2F

#2F6D78

#392F78

Tetradic

#785E2F

#2F7839

#2F4978

#782F6D

Color Blindness Simulation

Original

#785E2F

Protanopia

#6D6D3A

Deuteranopia

#6E703D

Tritanopia

#774345

Achromatopsia

#606060

CSS Usage

background-color: #785E2F;
color: #785E2F;
border-color: #785E2F;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FAF8F5
100
#F4EFE7
200
#EBE0CC
300
#DDC9A7
400
#CAAC77
500
#B78F48
600
#937339
700
#755C2E
800
#5C4824
900
#44361D
950
#2B2213

Contrast Checker

Text on white

6.1:1

AA Pass AAA Fail

Text on black

3.44:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026