HEX Color #A02466 (Mediumvioletred)

About #A02466

The precise color #A02466 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Mediumvioletred. To achieve this exact tint on a monitor, you would use an RGB mix of 160, 36, and 102.

Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 0% C, 78% M, 36% Y, and 37% K. With a hue angle of 328.1 degrees, it sits comfortably in the magenta spectrum.

Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#A02466

RGB160, 36, 102

HSL328.1°, 63.3%, 38.4%

CMYK0%, 78%, 36%, 37%

HSV328.1°, 77.5%, 62.7%

LAB37.3, 54.9, -7.9

XYZ17.5, 9.7, 13.5

Decimal10495078

Color Harmonies

Complementary

#A02466 #23A05D

Analogous

#9C23A0 #A02327

Triadic

#66A023 #2366A0

Tetradic

#A09C23 #23A05D #2328A0

Tints, Shades & Tones

Tints (Adding White)

#A02466

#AA3C77

#B55488

#BF6D99

#CA85AA

#D49DBB

#DFB6CC

#E9CEDD

#F4E6EE

#FFFFFF

Shades (Adding Black)

#A02466

#8E205A

#7C1C4F

#6A1844

#581438

#47102D

#350C22

#230816

#11040B

#000000

WCAG Contrast Accessibility

7.15:1

Text on #FFFFFF

AAA

2.94:1

Text on #000000

FAIL

6.83:1

Text on #F8FAFC

AA

2.50:1

Text on #0F172A

FAIL

CSS Implementation

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

.text-color { color: #A02466; }

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

Similar Colors

Mediumvioletred

#C71585