Huebook

Shocking Pink Analogous Color Scheme

Five colors arranged by the analogous rule around Shocking Pink (#FE02A2), each snapped to its nearest named color.

#5500FF
#DD00FF
#FE02A2
#FF0022
#FF5F00

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Radiant Feather#5500FF85, 0, 255260°, 100%, 50%67, 100, 0, 048.9% 0.296 280
Psychedelic Purple#DD00FF221, 0, 255292°, 100%, 50%13, 100, 0, 065.2% 0.312 321
Shocking Pink#FE02A2254, 2, 162322°, 99%, 50%0, 99, 36, 065.5% 0.271 352
Incision#FF0022255, 0, 34352°, 100%, 50%0, 100, 87, 062.9% 0.256 26
Vivid Orange#FF5F00255, 95, 022°, 100%, 50%0, 63, 100, 068.7% 0.210 41

Which pairs work for text

Text on backgroundContrastWCAG
Aa #5500FF on #FF5F002.43:1—
Aa #5500FF on #FE02A22.03:1—
Aa #5500FF on #DD00FF1.95:1—
Aa #5500FF on #FF00221.86:1—
Aa #FF0022 on #FF5F001.31:1—
Aa #DD00FF on #FF5F001.25:1—

CSS variables

:root {
  --color-1: #5500ff; /* Radiant Feather */
  --color-2: #dd00ff; /* Psychedelic Purple */
  --color-3: #fe02a2; /* Shocking Pink */
  --color-4: #ff0022; /* Incision */
  --color-5: #ff5f00; /* Vivid Orange */
}

Other schemes from Shocking Pink

More medium pink analogous color schemes

Questions

What colors go with Shocking Pink?

In a analogous scheme: Radiant Feather (#5500FF), Psychedelic Purple (#DD00FF), Incision (#FF0022), Vivid Orange (#FF5F00).

What is the hex code of Shocking Pink?

#FE02A2.