HEX Color #6D2C00 (Saddlebrown)

About #6D2C00

The precise color #6D2C00 is an excellent choice for modern design projects. Its closest recognized web color is Saddlebrown. Its digital footprint relies on 109 parts red, 44 parts green, and 0 parts blue light.

If you are designing for print, the four-color process is what matters most. The color uses 0% Cyan, 60% Magenta, 100% Yellow, and 57% Black. The HSL representation is 24.2° hue, 100.0% saturation, and 21.4% lightness.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#6D2C00

RGB109, 44, 0

HSL24.2°, 100.0%, 21.4%

CMYK0%, 60%, 100%, 57%

HSV24.2°, 100.0%, 42.7%

LAB26.9, 26.8, 37.8

XYZ7.2, 5.1, 0.6

Decimal7154688

Color Harmonies

Complementary

#6D2C00 #00416D

Analogous

#6D000A #6D6200

Triadic

#006D2C #2B006D

Tetradic

#0A6D00 #00416D #62006D

Tints, Shades & Tones

Tints (Adding White)

#6D2C00

#7D431C

#8D5A38

#9D7255

#AD8971

#BEA18D

#CEB8AA

#DED0C6

#EEE7E2

#FFFFFF

Shades (Adding Black)

#6D2C00

#602700

#542200

#481D00

#3C1800

#301300

#240E00

#180900

#0C0400

#000000

WCAG Contrast Accessibility

10.45:1

Text on #FFFFFF

AAA

2.01:1

Text on #000000

FAIL

9.98:1

Text on #F8FAFC

AAA

1.71:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #6D2C00; }

.text-color { color: #6D2C00; }

.border-color { border: 2px solid #6D2C00; }

Similar Colors

Saddlebrown

#8B4513