#7C1609

#7C1609

Color Values

HEX

#7C1609

RGB

124, 22, 9

HSL

6.8, 86.5%, 26.1%

HSV

6.8, 92.7%, 48.6%

CMYK

0.0%, 82.3%, 92.7%, 51.4%

OKLCH

0.3817 0.1383 30.9

Properties

Warm Dark Nearest: maroon

Color Harmonies

Complementary

#7C1609

#096F7C

Analogous

#7C0936

#7C5009

#7C1609

Triadic

#7C1609

#097C16

#16097C

Split Complementary

#7C1609

#097C50

#09367C

Tetradic

#7C1609

#367C09

#096F7C

#50097C

Color Blindness Simulation

Original

#7C1609

Protanopia

#504F0C

Deuteranopia

#565D0D

Tritanopia

#770F0F

Achromatopsia

#2B2B2B

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#FAE3E0
200
#FAC3BC
300
#F7998D
400
#F2624F
500
#EE2A11
600
#BE220E
700
#981B0B
800
#771509
900
#56130B
950
#360C07

Contrast Checker

Text on white

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