HEX Color #7C4207 (Saddlebrown)

About #7C4207

The precise color #7C4207 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Saddlebrown. To achieve this exact tint on a monitor, you would use an RGB mix of 124, 66, and 7.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 0% cyan, 47% magenta, 94% yellow, and 51% black. With a hue angle of 30.3 degrees, it sits comfortably in the orange spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#7C4207

RGB124, 66, 7

HSL30.3°, 89.3%, 25.7%

CMYK0%, 47%, 94%, 51%

HSV30.3°, 94.4%, 48.6%

LAB34.4, 21.2, 41.9

XYZ10.3, 8.2, 1.2

Decimal8143367

Color Harmonies

Complementary

#7C4207 #07407B

Analogous

#7B0707 #7B7B07

Triadic

#077B41 #41077B

Tetradic

#077B07 #07407B #7B077B

Tints, Shades & Tones

Tints (Adding White)

#7C4207

#8A5722

#996C3E

#A78159

#B69675

#C4AB90

#D3C0AC

#E1D5C7

#F0EAE3

#FFFFFF

Shades (Adding Black)

#7C4207

#6E3A06

#603305

#522C04

#442403

#371D03

#291602

#1B0E01

#0D0700

#000000

WCAG Contrast Accessibility

7.96:1

Text on #FFFFFF

AAA

2.64:1

Text on #000000

FAIL

7.60:1

Text on #F8FAFC

AAA

2.24:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Saddlebrown

#8B4513