#7C2D04

#7C2D04

Color Values

HEX

#7C2D04

RGB

124, 45, 4

HSL

20.5, 93.8%, 25.1%

HSV

20.5, 96.8%, 48.6%

CMYK

0.0%, 63.7%, 96.8%, 51.4%

OKLCH

0.4075 0.1194 42.2

Properties

Warm Dark Nearest: saddlebrown

Color Harmonies

Complementary

#7C2D04

#04537C

Analogous

#7C0417

#7C6904

#7C2D04

Triadic

#7C2D04

#047C2D

#2D047C

Split Complementary

#7C2D04

#047C69

#04177C

Tetradic

#7C2D04

#177C04

#04537C

#69047C

Color Blindness Simulation

Original

#7C2D04

Protanopia

#5A590E

Deuteranopia

#5E6410

Tritanopia

#781617

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#FDF5F1
100
#FBE9DF
200
#FDD1BA
300
#FBB088
400
#F98548
500
#F75A08
600
#C64806
700
#9E3905
800
#7C2D04
900
#592308
950
#381605

Contrast Checker

Text on white

9.4:1

AA Pass AAA Pass

Text on black

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