HEX Color #830F50 (Mediumvioletred)

About #830F50

Visually, #830F50 is defined as a vivid magenta. It is closely associated with the named CSS color Mediumvioletred. To achieve this exact tint on a monitor, you would use an RGB mix of 131, 15, and 80.

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 0% Cyan, 89% Magenta, 39% Yellow, and 49% Black. The HSL representation is 326.4° hue, 79.5% saturation, and 28.6% lightness.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#830F50

RGB131, 15, 80

HSL326.4°, 79.5%, 28.6%

CMYK0%, 89%, 39%, 49%

HSV326.4°, 88.5%, 51.4%

LAB28.8, 50.6, -7.0

XYZ11.0, 5.7, 8.1

Decimal8589136

Color Harmonies

Complementary

#830F50 #0F8341

Analogous

#7B0F83 #830F16

Triadic

#50830F #0F5083

Tetradic

#837B0F #0F8341 #0F1683

Tints, Shades & Tones

Tints (Adding White)

#830F50

#902963

#9E4476

#AC5F8A

#BA799D

#C794B1

#D5AFC4

#E3C9D8

#F1E4EB

#FFFFFF

Shades (Adding Black)

#830F50

#740D47

#650B3E

#570A35

#48082C

#3A0623

#2B051A

#1D0311

#0E0108

#000000

WCAG Contrast Accessibility

9.77:1

Text on #FFFFFF

AAA

2.15:1

Text on #000000

FAIL

9.34:1

Text on #F8FAFC

AAA

1.83:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #830F50; }

.text-color { color: #830F50; }

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

Similar Colors

Mediumvioletred

#C71585