HEX Color #7C3307 (Saddlebrown)

About #7C3307

The precise color #7C3307 is an excellent choice for modern design projects. Its closest recognized web color is Saddlebrown. Its digital footprint relies on 124 parts red, 51 parts green, and 7 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 0% cyan and 59% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #FFFFFF typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#7C3307

RGB124, 51, 7

HSL22.6°, 89.3%, 25.7%

CMYK0%, 59%, 94%, 51%

HSV22.6°, 94.4%, 48.6%

LAB31.0, 29.6, 39.4

XYZ9.5, 6.7, 1.0

Decimal8139527

Color Harmonies

Complementary

#7C3307 #074F7B

Analogous

#7B0715 #7B6D07

Triadic

#077B33 #32077B

Tetradic

#157B07 #074F7B #6D077B

Tints, Shades & Tones

Tints (Adding White)

#7C3307

#8A4922

#99603E

#A77759

#B68D75

#C4A490

#D3BBAC

#E1D1C7

#F0E8E3

#FFFFFF

Shades (Adding Black)

#7C3307

#6E2D06

#602705

#522204

#441C03

#371603

#291102

#1B0B01

#0D0500

#000000

WCAG Contrast Accessibility

9.00:1

Text on #FFFFFF

AAA

2.33:1

Text on #000000

FAIL

8.60:1

Text on #F8FAFC

AAA

1.98:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Saddlebrown

#8B4513