#784A46

#784A46

Color Values

HEX

#784A46

RGB

120, 74, 70

HSL

4.8, 26.3%, 37.3%

HSV

4.8, 41.7%, 47.1%

CMYK

0.0%, 38.3%, 41.7%, 52.9%

OKLCH

0.4609 0.0636 25.2

Properties

Warm Dark Nearest: RAL 8015 Chestnut Brown

Color Harmonies

Complementary

#784A46

#467478

Analogous

#78465B

#786346

#784A46

Triadic

#784A46

#46784A

#4A4678

Split Complementary

#784A46

#467863

#465B78

Tetradic

#784A46

#5B7846

#467478

#634678

Color Blindness Simulation

Original

#784A46

Protanopia

#646447

Deuteranopia

#676A47

Tritanopia

#764848

Achromatopsia

#535353

CSS Usage

background-color: #784A46;
color: #784A46;
border-color: #784A46;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F9F6F6
100
#F1EAE9
200
#E5D3D2
300
#D2B4B2
400
#B98C88
500
#A1635E
600
#814F4B
700
#67403C
800
#51322F
900
#3C2725
950
#261917

Contrast Checker

Text on white

7.33:1

AA Pass AAA Pass

Text on black

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