#7F1004

#7F1004

Color Values

HEX

#7F1004

RGB

127, 16, 4

HSL

5.9, 93.9%, 25.7%

HSV

5.9, 96.9%, 49.8%

CMYK

0.0%, 87.4%, 96.9%, 50.2%

OKLCH

0.383 0.1457 30.7

Properties

Warm Dark Nearest: maroon

Color Harmonies

Complementary

#7F1004

#04737F

Analogous

#7F0435

#7F4E04

#7F1004

Triadic

#7F1004

#047F10

#10047F

Split Complementary

#7F1004

#047F4E

#04357F

Tetradic

#7F1004

#357F04

#04737F

#4E047F

Color Blindness Simulation

Original

#7F1004

Protanopia

#4F4E07

Deuteranopia

#555E08

Tritanopia

#79090A

Achromatopsia

#272727

CSS Usage

background-color: #7F1004;
color: #7F1004;
border-color: #7F1004;
Nearest Tailwind: Red 800 #991B1B

Tailwind Shades

50
#FDF2F1
100
#FBE2DF
200
#FDC0BA
300
#FB9488
400
#F95948
500
#F71F08
600
#C61906
700
#9E1405
800
#7C1004
900
#591008
950
#380A05

Contrast Checker

Text on white

10.62:1

AA Pass AAA Pass

Text on black

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