#500F16

A very dark, moderate red closely aligning with Maroon.

About #500F16

When working with digital screens, the color #500F16 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 80, 15, and 22.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 0% cyan and 81% magenta inks. The HSL representation is 353.5° hue, 68.4% saturation, and 18.6% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. 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#500F16
RGB80, 15, 22
HSL353.5°, 68.4%, 18.6%
CMYK0%, 81%, 72%, 69%
HSV353.5°, 81.2%, 31.4%
LAB16.0, 30.2, 13.7
XYZ3.6, 2.1, 1.0
Decimal5246742

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

14.78:1
Text on #FFFFFF
AAA
1.42:1
Text on #000000
FAIL
14.12:1
Text on #F8FAFC
AAA
1.21:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #500F16; }
.text-color { color: #500F16; }
.border-color { border: 2px solid #500F16; }

Similar Colors

Maroon
#800000