#785F2F

#785F2F

Color Values

HEX

#785F2F

RGB

120, 95, 47

HSL

39.5, 43.7%, 32.7%

HSV

39.5, 60.8%, 47.1%

CMYK

0.0%, 20.8%, 60.8%, 52.9%

OKLCH

0.5 0.0731 82.0

Properties

Warm Dark Nearest: RAL 8000 Green Brown

Color Harmonies

Complementary

#785F2F

#2F4878

Analogous

#783A2F

#6C782F

#785F2F

Triadic

#785F2F

#2F785F

#5F2F78

Split Complementary

#785F2F

#2F6C78

#3A2F78

Tetradic

#785F2F

#2F783A

#2F4878

#782F6C

Color Blindness Simulation

Original

#785F2F

Protanopia

#6D6D3B

Deuteranopia

#6F703D

Tritanopia

#774446

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F4EFE7
200
#EBE0CC
300
#DDCAA7
400
#CAAE77
500
#B79148
600
#937439
700
#755D2E
800
#5C4924
900
#44361D
950
#2B2213

Contrast Checker

Text on white

6.04:1

AA Pass AAA Fail

Text on black

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