HEX Color #DB0099 (Mediumvioletred)

About #DB0099

When working with digital screens, the color #DB0099 is rendered by mixing light. Designers often compare it to the standard color Mediumvioletred. In the RGB color space, it consists of 219 red, 0 green, and 153 blue.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 0% cyan and 100% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a medium color, it is generally recommended to use #FFFFFF text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#DB0099

RGB219, 0, 153

HSL318.1°, 100.0%, 42.9%

CMYK0%, 100%, 30%, 14%

HSV318.1°, 100.0%, 85.9%

LAB48.7, 79.3, -20.9

XYZ35.0, 17.4, 31.6

Decimal14352537

Color Harmonies

Complementary

#DB0099 #00DB42

Analogous

#AF00DB #DB002B

Triadic

#98DB00 #0098DB

Tetradic

#DBAF00 #00DB42 #002BDB

Tints, Shades & Tones

Tints (Adding White)

#DB0099

#DF1CA4

#E338AF

#E755BB

#EB71C6

#EF8DD1

#F3AADD

#F7C6E8

#FBE2F3

#FFFFFF

Shades (Adding Black)

#DB0099

#C20088

#AA0077

#920066

#790055

#610044

#490033

#300022

#180011

#000000

WCAG Contrast Accessibility

4.70:1

Text on #FFFFFF

AA

4.47:1

Text on #000000

AA Large

4.49:1

Text on #F8FAFC

AA Large

3.80:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #DB0099; }

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

Similar Colors

Mediumvioletred

#C71585