HEX Color #D30075 (Mediumvioletred)

About #D30075

Visually, #D30075 is defined as a vivid magenta. If you're using CSS, you might find it aligns closely with Mediumvioletred. Its digital footprint relies on 211 parts red, 0 parts green, and 117 parts blue light.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 0% cyan, 100% magenta, 45% yellow, and 17% black. This makes it a relatively light color when applied to physical surfaces.

Contrast ratios determine whether this color is safe for typography. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#D30075

RGB211, 0, 117

HSL326.7°, 100.0%, 41.4%

CMYK0%, 100%, 45%, 17%

HSV326.7°, 100.0%, 82.7%

LAB45.8, 74.3, -3.5

XYZ30.1, 15.1, 18.2

Decimal13828213

Color Harmonies

Complementary

#D30075 #00D35D

Analogous

#C700D3 #D3000B

Triadic

#75D300 #0075D3

Tetradic

#D3C700 #00D35D #000BD3

Tints, Shades & Tones

Tints (Adding White)

#D30075

#D71C84

#DC3893

#E155A3

#E671B2

#EB8DC1

#F0AAD1

#F5C6E0

#FAE2EF

#FFFFFF

Shades (Adding Black)

#D30075

#BB0068

#A4005B

#8C004E

#750041

#5D0034

#460027

#2E001A

#17000D

#000000

WCAG Contrast Accessibility

5.22:1

Text on #FFFFFF

AA

4.03:1

Text on #000000

AA Large

4.98:1

Text on #F8FAFC

AA

3.42:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #D30075; }

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

Similar Colors

Mediumvioletred

#C71585