#750700

A dark, vivid red closely aligning with Maroon.

About #750700

The precise color #750700 is an excellent choice for modern design projects. 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 117, 7, and 0.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 0% Cyan, 94% Magenta, 100% Yellow, and 54% Black. The HSL representation is 3.6° hue, 100.0% saturation, and 22.9% lightness.

When using this color as a background, text legibility must be considered. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#750700
RGB117, 7, 0
HSL3.6°, 100.0%, 22.9%
CMYK0%, 94%, 100%, 54%
HSV3.6°, 100.0%, 45.9%
LAB23.5, 43.6, 35.2
XYZ7.4, 3.9, 0.4
Decimal7669504

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

11.75:1
Text on #FFFFFF
AAA
1.79:1
Text on #000000
FAIL
11.23:1
Text on #F8FAFC
AAA
1.52:1
Text on #0F172A
FAIL

CSS Implementation

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

Similar Colors

Maroon
#800000