HEX Color #A03375 (Mediumvioletred)

About #A03375

The precise color #A03375 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, 51, and 117.

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

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#A03375

RGB160, 51, 117

HSL323.7°, 51.7%, 41.4%

CMYK0%, 68%, 27%, 37%

HSV323.7°, 68.1%, 62.7%

LAB39.8, 51.3, -13.5

XYZ18.9, 11.1, 18.0

Decimal10498933

Color Harmonies

Complementary

#A03375 #32A05E

Analogous

#9432A0 #A0323E

Triadic

#74A032 #3274A0

Tetradic

#A09432 #32A05E #323EA0

Tints, Shades & Tones

Tints (Adding White)

#A03375

#AA4984

#B56093

#BF77A3

#CA8DB2

#D4A4C1

#DFBBD1

#E9D1E0

#F4E8EF

#FFFFFF

Shades (Adding Black)

#A03375

#8E2D68

#7C275B

#6A224E

#581C41

#471634

#351127

#230B1A

#11050D

#000000

WCAG Contrast Accessibility

6.51:1

Text on #FFFFFF

AA

3.23:1

Text on #000000

AA Large

6.22:1

Text on #F8FAFC

AA

2.74:1

Text on #0F172A

FAIL

CSS Implementation

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

.text-color { color: #A03375; }

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

Similar Colors

Mediumvioletred

#C71585