Huebook

Shocking Pink Tetradic Color Scheme

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

#FE02A2
#FDDC00
#00FF55
#0022FF
#FF66CC

Color names and codes

NameHEXRGBHSLCMYK
Shocking Pink#FE02A2254, 2, 162322°, 99%, 50%0, 99, 36, 0
Dallol Yellow#FDDC00253, 220, 052°, 100%, 50%0, 13, 100, 1
Cathode Green#00FF550, 255, 85140°, 100%, 50%100, 0, 67, 0
Is It Cold#0022FF0, 34, 255232°, 100%, 50%100, 87, 0, 0
Rose Pink#FF66CC255, 102, 204320°, 100%, 70%0, 60, 20, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #00FF55 on #0022FF5.77:1AA
Aa #FDDC00 on #0022FF5.77:1AA
Aa #0022FF on #FF66CC3.00:1AA large
Aa #FE02A2 on #00FF552.69:1—
Aa #FE02A2 on #FDDC002.68:1—
Aa #FE02A2 on #0022FF2.15:1—

CSS variables

:root {
  --color-1: #fe02a2; /* Shocking Pink */
  --color-2: #fddc00; /* Dallol Yellow */
  --color-3: #00ff55; /* Cathode Green */
  --color-4: #0022ff; /* Is It Cold */
  --color-5: #ff66cc; /* Rose Pink */
}

Other schemes from Shocking Pink

More Medium Pink tetradic palettes

Questions

What colors go with Shocking Pink?

In a tetradic scheme: Dallol Yellow (#FDDC00), Cathode Green (#00FF55), Is It Cold (#0022FF), Rose Pink (#FF66CC).

What is the hex code of Shocking Pink?

#FE02A2.