#7C2F04

#7C2F04

Color Values

HEX

#7C2F04

RGB

124, 47, 4

HSL

21.5, 93.8%, 25.1%

HSV

21.5, 96.8%, 48.6%

CMYK

0.0%, 62.1%, 96.8%, 51.4%

OKLCH

0.4104 0.1176 43.4

Properties

Warm Dark Nearest: saddlebrown

Color Harmonies

Complementary

#7C2F04

#04517C

Analogous

#7C0415

#7C6B04

#7C2F04

Triadic

#7C2F04

#047C2F

#2F047C

Split Complementary

#7C2F04

#047C6B

#04157C

Tetradic

#7C2F04

#157C04

#04517C

#6B047C

Color Blindness Simulation

Original

#7C2F04

Protanopia

#5B5A0E

Deuteranopia

#5F6511

Tritanopia

#781718

Achromatopsia

#3C3C3C

CSS Usage

background-color: #7C2F04;
color: #7C2F04;
border-color: #7C2F04;
Nearest Tailwind: Amber 900 #78350F

Tailwind Shades

50
#FDF6F1
100
#FBE9DF
200
#FDD2BA
300
#FBB288
400
#F98848
500
#F75E08
600
#C64B06
700
#9E3C05
800
#7C2F04
900
#592508
950
#381705

Contrast Checker

Text on white

9.27:1

AA Pass AAA Pass

Text on black

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