#78342F

#78342F

Color Values

HEX

#78342F

RGB

120, 52, 47

HSL

4.1, 43.7%, 32.7%

HSV

4.1, 60.8%, 47.1%

CMYK

0.0%, 56.7%, 60.8%, 52.9%

OKLCH

0.4164 0.0965 26.3

Properties

Warm Dark Nearest: indianred 4

Color Harmonies

Complementary

#78342F

#2F7378

Analogous

#782F4E

#78582F

#78342F

Triadic

#78342F

#2F7834

#342F78

Split Complementary

#78342F

#2F7858

#2F4E78

Tetradic

#78342F

#4E782F

#2F7378

#582F78

Color Blindness Simulation

Original

#78342F

Protanopia

#5B5A30

Deuteranopia

#5E6430

Tritanopia

#753131

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F4E7E7
200
#EBCECC
300
#DDABA7
400
#CA7D77
500
#B74F48
600
#934039
700
#75332E
800
#5C2824
900
#44201D
950
#2B1413

Contrast Checker

Text on white

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