HEX Color #7C5007 (Saddlebrown)

About #7C5007

The precise color #7C5007 is an excellent choice for modern design projects. Designers often compare it to the standard color Saddlebrown. To achieve this exact tint on a monitor, you would use an RGB mix of 124, 80, and 7.

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 0% cyan, 35% magenta, 94% yellow, and 51% black. Always request a physical proof before doing a large print run with this exact code.

Contrast ratios determine whether this color is safe for typography. Because it is a dark color, it is generally recommended to use #FFFFFF text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#7C5007

RGB124, 80, 7

HSL37.4°, 89.3%, 25.7%

CMYK0%, 35%, 94%, 51%

HSV37.4°, 94.4%, 48.6%

LAB37.9, 12.9, 44.5

XYZ11.2, 10.0, 1.5

Decimal8146951

Color Harmonies

Complementary

#7C5007 #07327B

Analogous

#7B1507 #6D7B07

Triadic

#077B50 #50077B

Tetradic

#077B15 #07327B #7B076D

Tints, Shades & Tones

Tints (Adding White)

#7C5007

#8A6322

#99763E

#A78A59

#B69D75

#C4B190

#D3C4AC

#E1D8C7

#F0EBE3

#FFFFFF

Shades (Adding Black)

#7C5007

#6E4706

#603E05

#523504

#442C03

#372303

#291A02

#1B1101

#0D0800

#000000

WCAG Contrast Accessibility

6.98:1

Text on #FFFFFF

AA

3.01:1

Text on #000000

AA Large

6.67:1

Text on #F8FAFC

AA

2.56:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #7C5007; }

.text-color { color: #7C5007; }

.border-color { border: 2px solid #7C5007; }

Similar Colors

Saddlebrown

#8B4513