PANTONE Shocking Pink

Rich Professional Red

Technical Values

HEX#DE5B8C
content_copy
RGB222, 91, 140
content_copy
CMYK0, 59, 37, 13
content_copy
HSL338°, 66%, 61%
content_copy

Tints & Shades

Shades — Darkening PANTONE Shocking Pink

#DD5A8A
#D84178
#CF2A67
#B6255A
#9D204E
#831B41
#661532
#4C1026
#330A19
#19050D

Tints — Lightening PANTONE Shocking Pink

#DD5A8A
#E16B96
#E47CA2
#E88DAE
#EB9EBA
#EFAFC6
#F1BBCF
#F5CCDB
#F8DDE7
#FCEEF3

Color Harmonies

Complementary

#DE5B8C
#5ADDAD

Analogous

#DD5ACC
#DE5B8C
#DD6B5A

Triadic

#DE5B8C
#8ADD5A
#5A8ADD

Nearest Pantone Colors

SwatchNameHexDistance
PANTONE Carmine Rose#E35B8FΔE 2.08
PANTONE 212 XGC#E25C91ΔE 2.16
PANTONE P 73-6 C#DF608DΔE 2.22
PANTONE 17-2033 TPX#D55889ΔE 3.08

CSS Implementation

Style Definitions

.color-primary {

background-color: #DE5B8C;

color: #000000;

border: 1px solid #DE5B8C;

background: linear-gradient(135deg, #DE5B8C 0%, #B6255A 100%);

}

Accessibility (WCAG)

Contrast on White Text

AA FAIL

Contrast on Black Text

AA PASSAAA FAIL

Recommendation: Use black text for optimal legibility on this color.

Color Blindness Simulation

Protanopia
#656F8E (Red Blind)
Deuteranopia
#808289 (Green Blind)
Tritanopia
#F7586B (Blue Blind)

About This Color

PANTONE Shocking Pink is a moderately saturated red with bright tonality. Its HEX value is #DE5B8C, placing it in the red region of the color spectrum with a hue angle of 338°.

This lighter shade is well-suited for backgrounds, accent areas, and designs that require an open, airy feel. It pairs naturally with darker neutrals for contrast.

Find your next shade.

Convert any HEX, RGB, or Pantone color instantly.