#7C2004

#7C2004

Color Values

HEX

#7C2004

RGB

124, 32, 4

HSL

14.0, 93.8%, 25.1%

HSV

14.0, 96.8%, 48.6%

CMYK

0.0%, 74.2%, 96.8%, 51.4%

OKLCH

0.391 0.131 35.6

Properties

Warm Dark Nearest: orangered 4

Color Harmonies

Complementary

#7C2004

#04607C

Analogous

#7C0424

#7C5C04

#7C2004

Triadic

#7C2004

#047C20

#20047C

Split Complementary

#7C2004

#047C5C

#04247C

Tetradic

#7C2004

#247C04

#04607C

#5C047C

Color Blindness Simulation

Original

#7C2004

Protanopia

#54530B

Deuteranopia

#5A600C

Tritanopia

#771011

Achromatopsia

#323232

CSS Usage

background-color: #7C2004;
color: #7C2004;
border-color: #7C2004;
Nearest Tailwind: Orange 900 #7C2D12

Tailwind Shades

50
#FDF4F1
100
#FBE6DF
200
#FDC9BA
300
#FBA388
400
#F97148
500
#F74008
600
#C63306
700
#9E2905
800
#7C2004
900
#591B08
950
#381105

Contrast Checker

Text on white

10.17:1

AA Pass AAA Pass

Text on black

2.07:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026