HEX Color #D350A8 (Mediumvioletred)

About #D350A8

The precise color #D350A8 is an excellent choice for modern design projects. 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 211, 80, and 168.

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

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#D350A8

RGB211, 80, 168

HSL319.7°, 59.8%, 57.1%

CMYK0%, 62%, 20%, 17%

HSV319.7°, 62.1%, 82.7%

LAB54.5, 60.7, -21.1

XYZ36.8, 22.4, 39.4

Decimal13848744

Color Harmonies

Complementary

#D350A8 #50D27B

Analogous

#BC50D2 #D25066

Triadic

#A7D250 #50A7D2

Tetradic

#D2BC50 #50D27B #5066D2

Tints, Shades & Tones

Tints (Adding White)

#D350A8

#D763B1

#DC76BB

#E18AC5

#E69DCE

#EBB1D8

#F0C4E2

#F5D8EB

#FAEBF5

#FFFFFF

Shades (Adding Black)

#D350A8

#BB4795

#A43E82

#8C3570

#752C5D

#5D234A

#461A38

#2E1125

#170812

#000000

WCAG Contrast Accessibility

3.83:1

Text on #FFFFFF

AA Large

5.48:1

Text on #000000

AA

3.66:1

Text on #F8FAFC

AA Large

4.66:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #D350A8; }

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

Similar Colors

Mediumvioletred

#C71585