#78342C

#78342C

Color Values

HEX

#78342C

RGB

120, 52, 44

HSL

6.3, 46.3%, 32.2%

HSV

6.3, 63.3%, 47.1%

CMYK

0.0%, 56.7%, 63.3%, 52.9%

OKLCH

0.4159 0.0971 28.7

Properties

Warm Dark Nearest: RAL 8029 Pearl Copper

Color Harmonies

Complementary

#78342C

#2C7078

Analogous

#782C4A

#785A2C

#78342C

Triadic

#78342C

#2C7834

#342C78

Split Complementary

#78342C

#2C785A

#2C4A78

Tetradic

#78342C

#4A782C

#2C7078

#5A2C78

Color Blindness Simulation

Original

#78342C

Protanopia

#5B5A2E

Deuteranopia

#5E642E

Tritanopia

#752F30

Achromatopsia

#424242

CSS Usage

background-color: #78342C;
color: #78342C;
border-color: #78342C;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FAF5F4
100
#F4E8E6
200
#ECCECB
300
#DEABA5
400
#CC7E75
500
#BB5144
600
#954137
700
#77342C
800
#5D2822
900
#45211C
950
#2B1512

Contrast Checker

Text on white

9.03:1

AA Pass AAA Pass

Text on black

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