HEX Color #570007 (Maroon)

About #570007

The precise color #570007 is an excellent choice for modern design projects. Designers often compare it to the standard color Maroon. Its digital footprint relies on 87 parts red, 0 parts green, and 7 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 0% cyan, 100% magenta, 92% yellow, and 66% black. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#570007

RGB87, 0, 7

HSL355.2°, 100.0%, 17.1%

CMYK0%, 100%, 92%, 66%

HSV355.2°, 100.0%, 34.1%

LAB15.7, 36.8, 21.6

XYZ4.0, 2.0, 0.4

Decimal5701639

Color Harmonies

Complementary

#570007 #005750

Analogous

#570032 #572400

Triadic

#075700 #000657

Tetradic

#325700 #005750 #240057

Tints, Shades & Tones

Tints (Adding White)

#570007

#691C22

#7C383E

#8F5559

#A17175

#B48D90

#C7AAAC

#D9C6C7

#ECE2E3

#FFFFFF

Shades (Adding Black)

#570007

#4D0006

#430005

#3A0004

#300003

#260003

#1D0002

#130001

#090000

#000000

WCAG Contrast Accessibility

14.91:1

Text on #FFFFFF

AAA

1.41:1

Text on #000000

FAIL

14.25:1

Text on #F8FAFC

AAA

1.20:1

Text on #0F172A

FAIL

CSS Implementation

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

.text-color { color: #570007; }

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

Similar Colors

Maroon

#800000