HEX Color #C81F60 (Mediumvioletred)

About #C81F60

The hex code #C81F60 represents a beautifully specific shade of magenta. If you're using CSS, you might find it aligns closely with Mediumvioletred. In the RGB color space, it consists of 200 red, 31 green, and 96 blue.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 0% cyan and 84% magenta inks. With a hue angle of 336.9 degrees, it sits comfortably in the magenta spectrum.

Ensuring your text is legible against this background is a key part of web design. Because it is a medium 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#C81F60

RGB200, 31, 96

HSL336.9°, 73.2%, 45.3%

CMYK0%, 84%, 52%, 22%

HSV336.9°, 84.5%, 78.4%

LAB44.4, 66.1, 7.2

XYZ26.4, 14.1, 12.4

Decimal13115232

Color Harmonies

Complementary

#C81F60 #1FC886

Analogous

#C81FB4 #C8321F

Triadic

#60C81F #1F60C8

Tetradic

#B4C81F #1FC886 #321FC8

Tints, Shades & Tones

Tints (Adding White)

#C81F60

#CE3771

#D45083

#DA6995

#E082A6

#E69BB8

#ECB4CA

#F2CDDB

#F8E6ED

#FFFFFF

Shades (Adding Black)

#C81F60

#B11B55

#9B184A

#851440

#6F1135

#580D2A

#420A20

#2C0615

#16030A

#000000

WCAG Contrast Accessibility

5.50:1

Text on #FFFFFF

AA

3.82:1

Text on #000000

AA Large

5.25:1

Text on #F8FAFC

AA

3.25:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #C81F60; }

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

Similar Colors

Mediumvioletred

#C71585