HEX Color #5F2C1D (Saddlebrown)

About #5F2C1D

The precise color #5F2C1D is an excellent choice for modern design projects. Designers often compare it to the standard color Saddlebrown. To achieve this exact tint on a monitor, you would use an RGB mix of 95, 44, and 29.

Translating this color to physical media requires the CMYK color model. The color uses 0% Cyan, 54% Magenta, 69% Yellow, and 63% Black. This makes it a relatively dark color when applied to physical surfaces.

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#5F2C1D

RGB95, 44, 29

HSL13.6°, 53.2%, 24.3%

CMYK0%, 54%, 69%, 63%

HSV13.6°, 69.5%, 37.3%

LAB24.7, 21.8, 20.3

XYZ5.8, 4.3, 1.7

Decimal6237213

Color Harmonies

Complementary

#5F2C1D #1C505F

Analogous

#5F1C2F #5F4D1C

Triadic

#1C5F2B #2B1C5F

Tetradic

#2E5F1C #1C505F #4C1C5F

Tints, Shades & Tones

Tints (Adding White)

#5F2C1D

#704336

#825A4F

#947268

#A68981

#B7A19A

#C9B8B3

#DBD0CC

#EDE7E5

#FFFFFF

Shades (Adding Black)

#5F2C1D

#542719

#492216

#3F1D13

#341810

#2A130C

#1F0E09

#150906

#0A0403

#000000

WCAG Contrast Accessibility

11.26:1

Text on #FFFFFF

AAA

1.86:1

Text on #000000

FAIL

10.76:1

Text on #F8FAFC

AAA

1.59:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Saddlebrown

#8B4513