HEX Color #D300A0 (Mediumvioletred)

About #D300A0

The hex code #D300A0 represents a beautifully specific shade of magenta. If you're using CSS, you might find it aligns closely with Mediumvioletred. In the RGB color space, it consists of 211 red, 0 green, and 160 blue.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 0% cyan, 100% magenta, 24% yellow, and 17% black. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a medium color, it is generally recommended to use #FFFFFF text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#D300A0

RGB211, 0, 160

HSL314.5°, 100.0%, 41.4%

CMYK0%, 100%, 24%, 17%

HSV314.5°, 100.0%, 82.7%

LAB47.5, 78.5, -27.1

XYZ33.2, 16.4, 34.7

Decimal13828256

Color Harmonies

Complementary

#D300A0 #00D333

Analogous

#9C00D3 #D30036

Triadic

#9FD300 #009FD3

Tetradic

#D39C00 #00D333 #0036D3

Tints, Shades & Tones

Tints (Adding White)

#D300A0

#D71CAA

#DC38B5

#E155BF

#E671CA

#EB8DD4

#F0AADF

#F5C6E9

#FAE2F4

#FFFFFF

Shades (Adding Black)

#D300A0

#BB008E

#A4007C

#8C006A

#750058

#5D0047

#460035

#2E0023

#170011

#000000

WCAG Contrast Accessibility

4.91:1

Text on #FFFFFF

AA

4.28:1

Text on #000000

AA Large

4.69:1

Text on #F8FAFC

AA

3.64:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #D300A0; }

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

Similar Colors

Mediumvioletred

#C71585