#7C1306

#7C1306

Color Values

HEX

#7C1306

RGB

124, 19, 6

HSL

6.6, 90.8%, 25.5%

HSV

6.6, 95.2%, 48.6%

CMYK

0.0%, 84.7%, 95.2%, 51.4%

OKLCH

0.3791 0.1407 30.9

Properties

Warm Dark Nearest: maroon

Color Harmonies

Complementary

#7C1306

#066F7C

Analogous

#7C0634

#7C4E06

#7C1306

Triadic

#7C1306

#067C13

#13067C

Split Complementary

#7C1306

#067C4E

#06347C

Tetradic

#7C1306

#347C06

#066F7C

#4E067C

Color Blindness Simulation

Original

#7C1306

Protanopia

#4F4E09

Deuteranopia

#555C0A

Tritanopia

#770C0C

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#FDF3F1
100
#FBE2DF
200
#FCC2BB
300
#F9968A
400
#F65E4B
500
#F3250C
600
#C31E09
700
#9C1808
800
#7A1306
900
#581209
950
#380B06

Contrast Checker

Text on white

10.75:1

AA Pass AAA Pass

Text on black

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