#6D4200

A dark, vivid orange closely aligning with Saddlebrown.

About #6D4200

When working with digital screens, the color #6D4200 is rendered by mixing light. It is closely associated with the named CSS color Saddlebrown. To achieve this exact tint on a monitor, you would use an RGB mix of 109, 66, and 0.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 0% cyan, 39% magenta, 100% yellow, and 57% black. The HSL representation is 36.3° hue, 100.0% saturation, and 21.4% lightness.

When using this color as a background, text legibility must be considered. 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#6D4200
RGB109, 66, 0
HSL36.3°, 100.0%, 21.4%
CMYK0%, 39%, 100%, 57%
HSV36.3°, 100.0%, 42.7%
LAB32.1, 13.9, 41.9
XYZ8.3, 7.1, 0.9
Decimal7160320

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

8.64:1
Text on #FFFFFF
AAA
2.43:1
Text on #000000
FAIL
8.26:1
Text on #F8FAFC
AAA
2.07:1
Text on #0F172A
FAIL

CSS Implementation

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

Similar Colors

Saddlebrown
#8B4513