#6D3300

A dark, vivid orange closely aligning with Saddlebrown.

About #6D3300

When working with digital screens, the color #6D3300 is rendered by mixing light. If you're using CSS, you might find it aligns closely with Saddlebrown. Its digital footprint relies on 109 parts red, 51 parts green, and 0 parts blue light.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). Its ink density profile breaks down to 0% cyan, 53% magenta, 100% yellow, and 57% black. 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. To prevent eye strain, #FFFFFF text pairs best with this hex code. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#6D3300
RGB109, 51, 0
HSL28.1°, 100.0%, 21.4%
CMYK0%, 53%, 100%, 57%
HSV28.1°, 100.0%, 42.7%
LAB28.4, 22.9, 39.2
XYZ7.5, 5.6, 0.7
Decimal7156480

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

9.89:1
Text on #FFFFFF
AAA
2.12:1
Text on #000000
FAIL
9.45:1
Text on #F8FAFC
AAA
1.81:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #6D3300; }
.text-color { color: #6D3300; }
.border-color { border: 2px solid #6D3300; }

Similar Colors

Saddlebrown
#8B4513