#7C0024

A dark, vivid magenta closely aligning with Brown.

About #7C0024

The precise color #7C0024 is an excellent choice for modern design projects. It is closely associated with the named CSS color Brown. To achieve this exact tint on a monitor, you would use an RGB mix of 124, 0, and 36.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 0% cyan, 100% magenta, 71% yellow, and 51% black. With a hue angle of 342.6 degrees, it sits comfortably in the magenta spectrum.

Contrast ratios determine whether this color is safe for typography. Because it is a dark color, it is generally recommended to use #FFFFFF text. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#7C0024
RGB124, 0, 36
HSL342.6°, 100.0%, 24.3%
CMYK0%, 100%, 71%, 51%
HSV342.6°, 100.0%, 48.6%
LAB25.0, 48.1, 17.3
XYZ8.6, 4.4, 2.1
Decimal8126500

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

11.16:1
Text on #FFFFFF
AAA
1.88:1
Text on #000000
FAIL
10.66:1
Text on #F8FAFC
AAA
1.60:1
Text on #0F172A
FAIL

CSS Implementation

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

Similar Colors

Brown
#A52A2A