HEX Color #D3A0D3 (Plum)

About #D3A0D3

The hex code #D3A0D3 represents a beautifully specific shade of magenta. It is closely associated with the named CSS color Plum. To achieve this exact tint on a monitor, you would use an RGB mix of 211, 160, and 211.

Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 0% C, 24% M, 0% Y, and 17% K. This makes it a relatively light color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #000000 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#D3A0D3

RGB211, 160, 211

HSL300.0°, 36.7%, 72.7%

CMYK0%, 24%, 0%, 17%

HSV300.0°, 24.2%, 82.7%

LAB72.0, 27.4, -18.7

XYZ51.2, 43.7, 67.4

Decimal13869267

Color Harmonies

Complementary

#D3A0D3 #9FD39F

Analogous

#B99FD3 #D39FB9

Triadic

#D3D39F #9FD3D3

Tetradic

#D3B99F #9FD39F #9FB9D3

Tints, Shades & Tones

Tints (Adding White)

#D3A0D3

#D7AAD7

#DCB5DC

#E1BFE1

#E6CAE6

#EBD4EB

#F0DFF0

#F5E9F5

#FAF4FA

#FFFFFF

Shades (Adding Black)

#D3A0D3

#BB8EBB

#A47CA4

#8C6A8C

#755875

#5D475D

#463546

#2E232E

#171117

#000000

WCAG Contrast Accessibility

2.16:1

Text on #FFFFFF

FAIL

9.74:1

Text on #000000

AAA

2.06:1

Text on #F8FAFC

FAIL

8.28:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #D3A0D3; }

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

Similar Colors

Plum

#DDA0DD