#78422C

#78422C

Color Values

HEX

#78422C

RGB

120, 66, 44

HSL

17.4, 46.3%, 32.2%

HSV

17.4, 63.3%, 47.1%

CMYK

0.0%, 45.0%, 63.3%, 52.9%

OKLCH

0.4401 0.0823 42.5

Properties

Warm Dark Nearest: RAL 8029 Pearl Copper

Color Harmonies

Complementary

#78422C

#2C6278

Analogous

#782C3C

#78682C

#78422C

Triadic

#78422C

#2C7842

#422C78

Split Complementary

#78422C

#2C7868

#2C3C78

Tetradic

#78422C

#3C782C

#2C6278

#682C78

Color Blindness Simulation

Original

#78422C

Protanopia

#616031

Deuteranopia

#646833

Tritanopia

#753636

Achromatopsia

#4C4C4C

CSS Usage

background-color: #78422C;
color: #78422C;
border-color: #78422C;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FAF6F4
100
#F4EAE6
200
#ECD4CB
300
#DEB6A5
400
#CC8E75
500
#BB6744
600
#955237
700
#77422C
800
#5D3322
900
#45281C
950
#2B1912

Contrast Checker

Text on white

8.03:1

AA Pass AAA Pass

Text on black

2.61:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026