HEX Color #DB1D8A (Mediumvioletred)

About #DB1D8A

At its core, #DB1D8A is a medium and vivid hue. It is closely associated with the named CSS color Mediumvioletred. To achieve this exact tint on a monitor, you would use an RGB mix of 219, 29, and 138.

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 0% cyan, 87% magenta, 37% yellow, and 14% black. The HSL representation is 325.6° hue, 76.6% saturation, and 48.6% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#DB1D8A

RGB219, 29, 138

HSL325.6°, 76.6%, 48.6%

CMYK0%, 87%, 37%, 14%

HSV325.6°, 86.8%, 85.9%

LAB49.2, 74.6, -11.1

XYZ34.2, 17.8, 25.7

Decimal14359946

Color Harmonies

Complementary

#DB1D8A #1DDB6D

Analogous

#CD1DDB #DB1D2A

Triadic

#8ADB1D #1D89DB

Tetradic

#DBCC1D #1DDB6D #1D2BDB

Tints, Shades & Tones

Tints (Adding White)

#DB1D8A

#DF3697

#E34FA4

#E768B1

#EB81BE

#EF9ACB

#F3B3D8

#F7CCE5

#FBE5F2

#FFFFFF

Shades (Adding Black)

#DB1D8A

#C2197A

#AA166B

#92135C

#79104C

#610C3D

#49092E

#30061E

#18030F

#000000

WCAG Contrast Accessibility

4.61:1

Text on #FFFFFF

AA

4.55:1

Text on #000000

AA

4.41:1

Text on #F8FAFC

AA Large

3.87:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #DB1D8A; }

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

Similar Colors

Mediumvioletred

#C71585