HEX Color #7C0042 (Mediumvioletred)

About #7C0042

The precise color #7C0042 is an excellent choice for modern design projects. Its closest recognized web color is Mediumvioletred. To achieve this exact tint on a monitor, you would use an RGB mix of 124, 0, and 66.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 0% cyan and 100% magenta inks. 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. Because it is a dark color, it is generally recommended to use #FFFFFF text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#7C0042

RGB124, 0, 66

HSL328.1°, 100.0%, 24.3%

CMYK0%, 100%, 47%, 51%

HSV328.1°, 100.0%, 48.6%

LAB25.8, 50.2, -2.2

XYZ9.3, 4.7, 5.6

Decimal8126530

Color Harmonies

Complementary

#7C0042 #007C39

Analogous

#78007C #7C0003

Triadic

#427C00 #00427C

Tetradic

#7C7700 #007C39 #00047C

Tints, Shades & Tones

Tints (Adding White)

#7C0042

#8A1C57

#99386C

#A75581

#B67196

#C48DAB

#D3AAC0

#E1C6D5

#F0E2EA

#FFFFFF

Shades (Adding Black)

#7C0042

#6E003A

#600033

#52002C

#440024

#37001D

#290016

#1B000E

#0D0007

#000000

WCAG Contrast Accessibility

10.85:1

Text on #FFFFFF

AAA

1.94:1

Text on #000000

FAIL

10.37:1

Text on #F8FAFC

AAA

1.65:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #7C0042; }

.text-color { color: #7C0042; }

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

Similar Colors

Mediumvioletred

#C71585