#78221C

#78221C

Color Values

HEX

#78221C

RGB

120, 34, 28

HSL

3,9, 62,2%, 29,0%

HSV

3,9, 76,7%, 47,1%

CMYK

0,0%, 71,7%, 76,7%, 52,9%

OKLCH

0,388 0,1207 28,1

Properties

Warm Dark Nearest: RAL 3011 Brown Red

Color Harmonies

Complementary

#78221C

#1C7278

Analogous

#781C44

#78501C

#78221C

Triadic

#78221C

#1C7822

#221C78

Split Complementary

#78221C

#1C7850

#1C4478

Tetradic

#78221C

#44781C

#1C7278

#501C78

Color Blindness Simulation

Original

#78221C

Protanopia

#53521D

Deuteranopia

#585E1E

Tritanopia

#741F1F

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#FBF4F3
100
#F7E5E4
200
#F2C8C5
300
#E8A19C
400
#DB6E66
500
#CF3B30
600
#A52F27
700
#84251F
800
#671D18
900
#4C1915
950
#30100D

Contrast Checker

Text on white

10,27:1

AA Pass AAA Pass

Text on black

2,04:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026