#7C4013

#7C4013

Color Values

HEX

#7C4013

RGB

124, 64, 19

HSL

25.7, 73.4%, 28.0%

HSV

25.7, 84.7%, 48.6%

CMYK

0.0%, 48.4%, 84.7%, 51.4%

OKLCH

0.4393 0.0999 52.7

Properties

Warm Dark Nearest: saddlebrown

Color Harmonies

Complementary

#7C4013

#134F7C

Analogous

#7C131B

#7C7413

#7C4013

Triadic

#7C4013

#137C40

#40137C

Split Complementary

#7C4013

#137C74

#131B7C

Tetradic

#7C4013

#1B7C13

#134F7C

#74137C

Color Blindness Simulation

Original

#7C4013

Protanopia

#62611E

Deuteranopia

#666A20

Tritanopia

#792628

Achromatopsia

#4A4A4A

CSS Usage

background-color: #7C4013;
color: #7C4013;
border-color: #7C4013;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FCF7F3
100
#F8ECE2
200
#F6D8C1
300
#EFBB95
400
#E6975B
500
#DD7222
600
#B15B1B
700
#8D4916
800
#6F3911
900
#502C10
950
#331C0A

Contrast Checker

Text on white

8.08:1

AA Pass AAA Pass

Text on black

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