#781004

#781004

Color Values

HEX

#781004

RGB

120, 16, 4

HSL

6.2, 93.5%, 24.3%

HSV

6.2, 96.7%, 47.1%

CMYK

0.0%, 86.7%, 96.7%, 52.9%

OKLCH

0.3687 0.1389 30.9

Properties

Warm Dark Nearest: maroon

Color Harmonies

Complementary

#781004

#046C78

Analogous

#780432

#784A04

#781004

Triadic

#781004

#047810

#100478

Split Complementary

#781004

#04784A

#043278

Tetradic

#781004

#327804

#046C78

#4A0478

Color Blindness Simulation

Original

#781004

Protanopia

#4B4A07

Deuteranopia

#515908

Tritanopia

#73090A

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#FDF3F1
100
#FBE2DF
200
#FDC1BA
300
#FB9489
400
#F95B48
500
#F72108
600
#C51A07
700
#9E1505
800
#7B1004
900
#591008
950
#380A05

Contrast Checker

Text on white

11.2:1

AA Pass AAA Pass

Text on black

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