HEX Color #D307AF (Mediumvioletred)

About #D307AF

Visually, #D307AF is defined as a vivid magenta. Designers often compare it to the standard color Mediumvioletred. Its digital footprint relies on 211 parts red, 7 parts green, and 175 parts blue light.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 0% cyan and 97% magenta inks. The HSL representation is 310.6° hue, 93.6% saturation, and 42.7% lightness.

Contrast ratios determine whether this color is safe for typography. 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#D307AF

RGB211, 7, 175

HSL310.6°, 93.6%, 42.7%

CMYK0%, 97%, 17%, 17%

HSV310.6°, 96.7%, 82.7%

LAB48.4, 79.8, -34.6

XYZ34.7, 17.1, 42.0

Decimal13830063

Color Harmonies

Complementary

#D307AF #07D22B

Analogous

#9107D2 #D20748

Triadic

#AED207 #07AED2

Tetradic

#D29107 #07D22B #0748D2

Tints, Shades & Tones

Tints (Adding White)

#D307AF

#D722B7

#DC3EC0

#E159C9

#E675D2

#EB90DB

#F0ACE4

#F5C7ED

#FAE3F6

#FFFFFF

Shades (Adding Black)

#D307AF

#BB069B

#A40588

#8C0474

#750361

#5D034D

#46023A

#2E0126

#170013

#000000

WCAG Contrast Accessibility

4.75:1

Text on #FFFFFF

AA

4.42:1

Text on #000000

AA Large

4.54:1

Text on #F8FAFC

AA

3.76:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #D307AF; }

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

Similar Colors

Mediumvioletred

#C71585