#7C2C03

#7C2C03

Color Values

HEX

#7C2C03

RGB

124, 44, 3

HSL

20.3, 95.3%, 24.9%

HSV

20.3, 97.6%, 48.6%

CMYK

0.0%, 64.5%, 97.6%, 51.4%

OKLCH

0.406 0.1205 41.8

Properties

Warm Dark Nearest: orangered 4

Color Harmonies

Complementary

#7C2C03

#03537C

Analogous

#7C0317

#7C6803

#7C2C03

Triadic

#7C2C03

#037C2C

#2C037C

Split Complementary

#7C2C03

#037C68

#03177C

Tetradic

#7C2C03

#177C03

#03537C

#68037C

Color Blindness Simulation

Original

#7C2C03

Protanopia

#59590D

Deuteranopia

#5E640F

Tritanopia

#781516

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#FEF5F1
100
#FCE8DF
200
#FDD0B9
300
#FCAF87
400
#FB8447
500
#F95806
600
#C74705
700
#9F3804
800
#7D2C03
900
#5A2307
950
#391604

Contrast Checker

Text on white

9.47:1

AA Pass AAA Pass

Text on black

2.22:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026