HEX Color #D392CC (Plum)

About #D392CC

Visually, #D392CC is defined as a moderate magenta. If you're using CSS, you might find it aligns closely with Plum. To achieve this exact tint on a monitor, you would use an RGB mix of 211, 146, and 204.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 0% cyan and 31% magenta inks. The HSL representation is 306.5° hue, 42.5% saturation, and 70.0% lightness.

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. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#D392CC

RGB211, 146, 204

HSL306.5°, 42.5%, 70.0%

CMYK0%, 31%, 3%, 17%

HSV306.5°, 30.8%, 82.7%

LAB68.6, 33.7, -20.0

XYZ48.0, 38.8, 62.1

Decimal13865676

Color Harmonies

Complementary

#D392CC #91D398

Analogous

#B991D3 #D391AB

Triadic

#CCD391 #91CCD3

Tetradic

#D3B991 #91D398 #91ABD3

Tints, Shades & Tones

Tints (Adding White)

#D392CC

#D79ED1

#DCAAD7

#E1B6DD

#E6C2E2

#EBCEE8

#F0DAEE

#F5E6F3

#FAF2F9

#FFFFFF

Shades (Adding Black)

#D392CC

#BB81B5

#A4719E

#8C6188

#755171

#5D405A

#463044

#2E202D

#171016

#000000

WCAG Contrast Accessibility

2.40:1

Text on #FFFFFF

FAIL

8.75:1

Text on #000000

AAA

2.29:1

Text on #F8FAFC

FAIL

7.44:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #D392CC; }

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

Similar Colors

Plum

#DDA0DD