#5F2C0F

A dark, vivid orange closely aligning with Saddlebrown.

About #5F2C0F

When working with digital screens, the color #5F2C0F 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 95, 44, 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 54% magenta inks. The HSL representation is 21.8° 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. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#5F2C0F
RGB95, 44, 15
HSL21.8°, 72.7%, 21.6%
CMYK0%, 54%, 84%, 63%
HSV21.8°, 84.2%, 37.3%
LAB24.5, 21.0, 28.4
XYZ5.7, 4.3, 1.0
Decimal6237199

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

11.33:1
Text on #FFFFFF
AAA
1.85:1
Text on #000000
FAIL
10.83:1
Text on #F8FAFC
AAA
1.58:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #5F2C0F; }
.text-color { color: #5F2C0F; }
.border-color { border: 2px solid #5F2C0F; }

Similar Colors

Saddlebrown
#8B4513