HEX Color #500716 (Maroon)

About #500716

The precise color #500716 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Maroon. To achieve this exact tint on a monitor, you would use an RGB mix of 80, 7, and 22.

If you are designing for print, the four-color process is what matters most. The color uses 0% Cyan, 91% Magenta, 72% Yellow, and 69% Black. The HSL representation is 347.7° hue, 83.9% saturation, and 17.1% lightness.

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#500716

RGB80, 7, 22

HSL347.7°, 83.9%, 17.1%

CMYK0%, 91%, 72%, 69%

HSV347.7°, 91.2%, 31.4%

LAB15.0, 33.0, 12.4

XYZ3.5, 1.9, 0.9

Decimal5244694

Color Harmonies

Complementary

#500716 #075041

Analogous

#50073A #501C07

Triadic

#165007 #071550

Tetradic

#3A5007 #075041 #1C0750

Tints, Shades & Tones

Tints (Adding White)

#500716

#63222F

#763E49

#8A5963

#9D757D

#B19097

#C4ACB1

#D8C7CB

#EBE3E5

#FFFFFF

Shades (Adding Black)

#500716

#470613

#3E0511

#35040E

#2C030C

#230309

#1A0207

#110104

#080002

#000000

WCAG Contrast Accessibility

15.18:1

Text on #FFFFFF

AAA

1.38:1

Text on #000000

FAIL

14.51:1

Text on #F8FAFC

AAA

1.18:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #500716; }

.text-color { color: #500716; }

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

Similar Colors

Maroon

#800000