HEX Color #DB3AAF (Mediumvioletred)

About #DB3AAF

Visually, #DB3AAF is defined as a moderate magenta. Its closest recognized web color is Mediumvioletred. To achieve this exact tint on a monitor, you would use an RGB mix of 219, 58, and 175.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 0% cyan and 74% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#DB3AAF

RGB219, 58, 175

HSL316.4°, 69.1%, 54.3%

CMYK0%, 74%, 20%, 14%

HSV316.4°, 73.5%, 85.9%

LAB53.1, 71.8, -27.1

XYZ38.5, 21.2, 42.6

Decimal14367407

Color Harmonies

Complementary

#DB3AAF #3ADA66

Analogous

#B63ADA #DA3A5E

Triadic

#AEDA3A #3AAEDA

Tetradic

#DAB63A #3ADA66 #3A5EDA

Tints, Shades & Tones

Tints (Adding White)

#DB3AAF

#DF4FB7

#E365C0

#E77BC9

#EB91D2

#EFA7DB

#F3BDE4

#F7D3ED

#FBE9F6

#FFFFFF

Shades (Adding Black)

#DB3AAF

#C2339B

#AA2D88

#922674

#792061

#61194D

#49133A

#300C26

#180613

#000000

WCAG Contrast Accessibility

4.01:1

Text on #FFFFFF

AA Large

5.24:1

Text on #000000

AA

3.83:1

Text on #F8FAFC

AA Large

4.45:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #DB3AAF; }

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

Similar Colors

Mediumvioletred

#C71585