HEX Color #8A0F57 (Mediumvioletred)

About #8A0F57

At its core, #8A0F57 is a dark and vivid hue. It is closely associated with the named CSS color Mediumvioletred. In the RGB color space, it consists of 138 red, 15 green, and 87 blue.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 0% cyan and 89% magenta inks. Always request a physical proof before doing a large print run with this exact code.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#8A0F57

RGB138, 15, 87

HSL324.9°, 80.4%, 30.0%

CMYK0%, 89%, 37%, 46%

HSV324.9°, 89.1%, 54.1%

LAB30.5, 53.1, -8.9

XYZ12.4, 6.4, 9.6

Decimal9047895

Color Harmonies

Complementary

#8A0F57 #0F8A41

Analogous

#7F0F8A #8A0F19

Triadic

#568A0F #0F568A

Tetradic

#8A7F0F #0F8A41 #0F198A

Tints, Shades & Tones

Tints (Adding White)

#8A0F57

#972969

#A4447C

#B15F8F

#BE79A1

#CB94B4

#D8AFC7

#E5C9D9

#F2E4EC

#FFFFFF

Shades (Adding Black)

#8A0F57

#7A0D4D

#6B0B43

#5C0A3A

#4C0830

#3D0626

#2E051D

#1E0313

#0F0109

#000000

WCAG Contrast Accessibility

9.18:1

Text on #FFFFFF

AAA

2.29:1

Text on #000000

FAIL

8.78:1

Text on #F8FAFC

AAA

1.94:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #8A0F57; }

.text-color { color: #8A0F57; }

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

Similar Colors

Mediumvioletred

#C71585