#57161D

A dark, moderate red closely aligning with Maroon.

About #57161D

When working with digital screens, the color #57161D is rendered by mixing light. It is closely associated with the named CSS color Maroon. To achieve this exact tint on a monitor, you would use an RGB mix of 87, 22, and 29.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 0% Cyan, 75% Magenta, 67% Yellow, and 66% Black. The HSL representation is 353.5° hue, 59.6% saturation, and 21.4% lightness.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#57161D
RGB87, 22, 29
HSL353.5°, 59.6%, 21.4%
CMYK0%, 75%, 67%, 66%
HSV353.5°, 74.7%, 34.1%
LAB18.8, 30.3, 12.5
XYZ4.4, 2.7, 1.4
Decimal5707293

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

13.66:1
Text on #FFFFFF
AAA
1.54:1
Text on #000000
FAIL
13.05:1
Text on #F8FAFC
AAA
1.31:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #57161D; }
.text-color { color: #57161D; }
.border-color { border: 2px solid #57161D; }

Similar Colors

Maroon
#800000