HEX Color #D30099 (Mediumvioletred)

About #D30099

The precise color #D30099 is an excellent choice for modern design projects. Designers often compare it to the standard color Mediumvioletred. Its digital footprint relies on 211 parts red, 0 parts green, and 153 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 100% magenta inks. Always request a physical proof before doing a large print run with this exact code.

From a UX and accessibility standpoint, contrast is paramount. 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#D30099

RGB211, 0, 153

HSL316.5°, 100.0%, 41.4%

CMYK0%, 100%, 27%, 17%

HSV316.5°, 100.0%, 82.7%

LAB47.2, 77.8, -23.4

XYZ32.6, 16.1, 31.5

Decimal13828249

Color Harmonies

Complementary

#D30099 #00D33A

Analogous

#A300D3 #D3002F

Triadic

#98D300 #0098D3

Tetradic

#D3A300 #00D33A #002FD3

Tints, Shades & Tones

Tints (Adding White)

#D30099

#D71CA4

#DC38AF

#E155BB

#E671C6

#EB8DD1

#F0AADD

#F5C6E8

#FAE2F3

#FFFFFF

Shades (Adding Black)

#D30099

#BB0088

#A40077

#8C0066

#750055

#5D0044

#460033

#2E0022

#170011

#000000

WCAG Contrast Accessibility

4.96:1

Text on #FFFFFF

AA

4.23:1

Text on #000000

AA Large

4.75:1

Text on #F8FAFC

AA

3.60:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #D30099; }

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

Similar Colors

Mediumvioletred

#C71585