graf1x

Purpleish Pink Color

Purpleish Pink is a pink color with hex code #DF4EC8. This page covers its meaning, all color values, harmonies, colors that go with purpleish pink, shades, tints, similar colors, CSS examples, FAQs, and WCAG contrast ratios.

Purpleish Pink Color Values

HEX
#DF4EC8
RGB
223, 78, 200
HSL
310, 69%, 59%
HSV
310, 65%, 87%
CIE LAB
57.4, 69.3, -34.9
OKLCH
0.662, 0.223, 334.7
ISCC-NBS
Purple
Hue Family
Pink

What Does Purpleish Pink Mean?

Purpleish Pink belongs to the pink family of colors. Pinks are red with the volume turned down. Soft ones read as gentle and personal; hot ones shout happily. Beauty packaging owns the pastel end, youth brands own the neon end, and dusty millennial pink had its entire decade. Purpleish Pink sits at a mid-lightness, which keeps it readable on both white and black without much fuss.

In the ISCC-NBS color naming system, Purpleish Pink is classified as a purple (nearest centroid: vivid purple, #9A4EAE). It is also known as Purplish Pink.

Color Harmonies

Complementary

#DF4EC8Purpleish Pink
#4EDF66Complement

Analogous

#AE4EDFAnalogous 1
#DF4EC8Purpleish Pink
#DF4E7EAnalogous 2

Triadic

#DF4EC8Purpleish Pink
#C7DF4ETriad 1
#4EC7DFTriad 2

Colors That Go With Purpleish Pink

#DF4EC8Purpleish Pink
#4EDF66Complement

Purpleish Pink and #4EDF66 are complements, parked opposite each other on the wheel. Together they hit maximum contrast, so a rough 70/30 split keeps the pairing from shouting.

#AE4EDFAnalogous 1
#DF4EC8Purpleish Pink
#DF4E7EAnalogous 2

Analogous neighbors — #AE4EDF and #DF4E7E, which sit beside purpleish pink on the wheel. Pairings like this feel calm and settled, which suits backgrounds and gradients.

#DF4EC8Purpleish Pink
#C7DF4ETriad 1
#4EC7DFTriad 2

For an energetic three-color palette, pair purpleish pink with triadic partners #C7DF4E and #4EC7DF. All three sit evenly spaced around the wheel, so the scheme stays lively without clashing.

Build and test these combinations in our Color Wheel Tool or check text readability with the Contrast Checker.

Tints and Shades

Tints (lighter)

#E46CD0
#EA8BDA
#EFA9E3
#F4C3EC
#F9E1F5

Shades (darker)

#D327B6
#A81F91
#811870
#56104A
#2B0825

Similar Colors

CSS Examples

.text { color: #DF4EC8; }
.background { background-color: #DF4EC8; }
.border { border: 2px solid #DF4EC8; }
.shadow { box-shadow: 0 4px 6px #DF4EC840; }

WCAG Contrast

3.46:1
vs White AA ✗
6.06:1
vs Black AA ✓

Frequently Asked Questions

What is the hex code for purpleish pink?

Purpleish Pink has the hex code #DF4EC8. In RGB notation it is rgb(223, 78, 200), in HSL it is hsl(310, 69%, 59%), and its OKLCH value is 0.662, 0.223, 334.7.

What does the color purpleish pink mean?

Pink-family colors like purpleish pink carry distinct psychological associations. Purpleish Pink belongs to the pink family of colors. Pinks are red with the volume turned down. Soft ones read as gentle and personal; hot ones shout happily. Beauty packaging owns the pastel end, youth brands own the neon end, and dusty millennial pink had its entire decade. Purpleish Pink sits at a mid-lightness, which keeps it readable on both white and black without much fuss.

What colors go with purpleish pink?

Purpleish Pink has three easy routes: its complement #4EDF66 for punch, its neighbors #AE4EDF and #DF4E7E for something calmer, or triadic partners #C7DF4E and #4EC7DF when you want energy.

Is purpleish pink a standard web color?

No — Purpleish Pink is not a CSS keyword. Use its hex value #DF4EC8 or any RGB/HSL equivalent in your stylesheets.

How do I make purpleish pink lighter or darker?

To lighten purpleish pink, add white to create tints; to darken it, add black to create shades. The tints and shades table above shows five computed steps of each, from #F9E1F5 (lightest tint) to #2B0825 (darkest shade).

About Purpleish Pink

Purpleish Pink is classified as a Purple in the ISCC-NBS color naming system, within the Pink hue family. It has alternative names including Purplish Pink. The color is recognized by XKCD, meodai.

Use our Color Converter to convert #DF4EC8 to any other color format, or explore the Color Wheel to find harmonious color combinations.