#785F30

#785F30

Color Values

HEX

#785F30

RGB

120, 95, 48

HSL

39.2, 42.9%, 32.9%

HSV

39.2, 60.0%, 47.1%

CMYK

0.0%, 20.8%, 60.0%, 52.9%

OKLCH

0.5001 0.0721 81.6

Properties

Warm Dark Nearest: RAL 8000 Green Brown

Color Harmonies

Complementary

#785F30

#304978

Analogous

#783B30

#6D7830

#785F30

Triadic

#785F30

#30785F

#5F3078

Split Complementary

#785F30

#306D78

#3B3078

Tetradic

#785F30

#30783B

#304978

#78306D

Color Blindness Simulation

Original

#785F30

Protanopia

#6D6D3B

Deuteranopia

#6F703E

Tritanopia

#774446

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F4EFE7
200
#EBE0CC
300
#DCCAA8
400
#C9AD78
500
#B69049
600
#92733A
700
#755C2F
800
#5B4824
900
#43361E
950
#2A2213

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