HEX Color #D30775 (Mediumvioletred)

About #D30775

The precise color #D30775 is an excellent choice for modern design projects. It is closely associated with the named CSS color Mediumvioletred. Its digital footprint relies on 211 parts red, 7 parts green, and 117 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. This makes it a relatively light color when applied to physical surfaces.

Contrast ratios determine whether this color is safe for typography. Because it is a medium color, it is generally recommended to use #FFFFFF text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#D30775

RGB211, 7, 117

HSL327.6°, 93.6%, 42.7%

CMYK0%, 97%, 45%, 17%

HSV327.6°, 96.7%, 82.7%

LAB46.0, 73.7, -3.2

XYZ30.2, 15.3, 18.2

Decimal13830005

Color Harmonies

Complementary

#D30775 #07D264

Analogous

#CA07D2 #D2070F

Triadic

#75D207 #0775D2

Tetradic

#D2CA07 #07D264 #070FD2

Tints, Shades & Tones

Tints (Adding White)

#D30775

#D72284

#DC3E93

#E159A3

#E675B2

#EB90C1

#F0ACD1

#F5C7E0

#FAE3EF

#FFFFFF

Shades (Adding Black)

#D30775

#BB0668

#A4055B

#8C044E

#750341

#5D0334

#460227

#2E011A

#17000D

#000000

WCAG Contrast Accessibility

5.18:1

Text on #FFFFFF

AA

4.06:1

Text on #000000

AA Large

4.95:1

Text on #F8FAFC

AA

3.45:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #D30775; }

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

Similar Colors

Mediumvioletred

#C71585