HEX Color #A00066 (Mediumvioletred)

About #A00066

The precise color #A00066 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, 0, and 102.

For print applications, it's crucial to understand its CMYK makeup. 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.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#A00066

RGB160, 0, 102

HSL321.8°, 100.0%, 31.4%

CMYK0%, 100%, 36%, 37%

HSV321.8°, 100.0%, 62.7%

LAB34.9, 61.9, -11.5

XYZ16.9, 8.4, 13.3

Decimal10485862

Color Harmonies

Complementary

#A00066 #00A03A

Analogous

#8A00A0 #A00015

Triadic

#65A000 #0065A0

Tetradic

#A08A00 #00A03A #0015A0

Tints, Shades & Tones

Tints (Adding White)

#A00066

#AA1C77

#B53888

#BF5599

#CA71AA

#D48DBB

#DFAACC

#E9C6DD

#F4E2EE

#FFFFFF

Shades (Adding Black)

#A00066

#8E005A

#7C004F

#6A0044

#580038

#47002D

#350022

#230016

#11000B

#000000

WCAG Contrast Accessibility

7.82:1

Text on #FFFFFF

AAA

2.69:1

Text on #000000

FAIL

7.47:1

Text on #F8FAFC

AAA

2.28:1

Text on #0F172A

FAIL

CSS Implementation

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

.text-color { color: #A00066; }

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

Similar Colors

Mediumvioletred

#C71585