#7C4113

#7C4113

Color Values

HEX

#7C4113

RGB

124, 65, 19

HSL

26.3, 73.4%, 28.0%

HSV

26.3, 84.7%, 48.6%

CMYK

0.0%, 47.6%, 84.7%, 51.4%

OKLCH

0.4411 0.0993 53.6

Properties

Warm Dark Nearest: saddlebrown

Color Harmonies

Complementary

#7C4113

#134E7C

Analogous

#7C1319

#7C7513

#7C4113

Triadic

#7C4113

#137C41

#41137C

Split Complementary

#7C4113

#137C75

#13197C

Tetradic

#7C4113

#197C13

#134E7C

#75137C

Color Blindness Simulation

Original

#7C4113

Protanopia

#62621E

Deuteranopia

#666A21

Tritanopia

#792729

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F8ECE2
200
#F6D8C1
300
#EFBC95
400
#E6985B
500
#DD7422
600
#B15D1B
700
#8D4A16
800
#6F3A11
900
#502D10
950
#331C0A

Contrast Checker

Text on white

8.01:1

AA Pass AAA Pass

Text on black

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