#78522D

#78522D

Color Values

HEX

#78522D

RGB

120, 82, 45

HSL

29.6, 45.5%, 32.4%

HSV

29.6, 62.5%, 47.1%

CMYK

0.0%, 31.7%, 62.5%, 52.9%

OKLCH

0.4718 0.0728 63.7

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#78522D

#2D5378

Analogous

#782D2E

#78782D

#78522D

Triadic

#78522D

#2D7852

#522D78

Split Complementary

#78522D

#2D7878

#2D2E78

Tetradic

#78522D

#2E782D

#2D5378

#782D78

Color Blindness Simulation

Original

#78522D

Protanopia

#686736

Deuteranopia

#6A6D38

Tritanopia

#763D3F

Achromatopsia

#575757

CSS Usage

background-color: #78522D;
color: #78522D;
border-color: #78522D;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FAF7F4
100
#F4EDE6
200
#ECDBCB
300
#DEC1A6
400
#CCA076
500
#BA7F45
600
#946538
700
#77512C
800
#5D3F23
900
#44301D
950
#2B1E12

Contrast Checker

Text on white

6.9:1

AA Pass AAA Fail

Text on black

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