HEX Color #5F420F (Saddlebrown)

About #5F420F

The precise color #5F420F 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 95, 66, and 15.

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 31% magenta inks. The HSL representation is 38.3° hue, 72.7% saturation, and 21.6% lightness.

Ensuring your text is legible against this background is a key part of web design. 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#5F420F

RGB95, 66, 15

HSL38.3°, 72.7%, 21.6%

CMYK0%, 31%, 84%, 63%

HSV38.3°, 84.2%, 37.3%

LAB30.3, 7.5, 33.9

XYZ6.8, 6.4, 1.3

Decimal6242831

Color Harmonies

Complementary

#5F420F #0F2C5E

Analogous

#5E1A0F #535E0F

Triadic

#0F5E42 #410F5E

Tetradic

#0F5E1A #0F2C5E #5E0F53

Tints, Shades & Tones

Tints (Adding White)

#5F420F

#705729

#826C44

#94815F

#A69679

#B7AB94

#C9C0AF

#DBD5C9

#EDEAE4

#FFFFFF

Shades (Adding Black)

#5F420F

#543A0D

#49330B

#3F2C0A

#342408

#2A1D06

#1F1605

#150E03

#0A0701

#000000

WCAG Contrast Accessibility

9.24:1

Text on #FFFFFF

AAA

2.27:1

Text on #000000

FAIL

8.83:1

Text on #F8FAFC

AAA

1.93:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #5F420F; }

.text-color { color: #5F420F; }

.border-color { border: 2px solid #5F420F; }

Similar Colors

Saddlebrown

#8B4513