Huebook

Shocking Pink Triadic Color Scheme

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

#FE02A2
#A7FC00
#00AAFF
#FF66CC
#6CB506

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Shocking Pink#FE02A2254, 2, 162322°, 99%, 50%0, 99, 36, 065.5% 0.271 352
Spring Bud#A7FC00167, 252, 080°, 100%, 49%34, 0, 100, 190.2% 0.243 130
Protoss Pylon#00AAFF0, 170, 255200°, 100%, 50%100, 33, 0, 070.7% 0.168 242
Rose Pink#FF66CC255, 102, 204320°, 100%, 70%0, 60, 20, 073.4% 0.215 343
Leaf Sheep#6CB506108, 181, 685°, 94%, 37%40, 0, 97, 2969.8% 0.194 133

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FE02A2 on #A7FC002.88:1—
Aa #A7FC00 on #FF66CC2.06:1—
Aa #A7FC00 on #00AAFF2.02:1—
Aa #A7FC00 on #6CB5062.01:1—
Aa #FE02A2 on #6CB5061.44:1—
Aa #FE02A2 on #00AAFF1.43:1—

CSS variables

:root {
  --color-1: #fe02a2; /* Shocking Pink */
  --color-2: #a7fc00; /* Spring Bud */
  --color-3: #00aaff; /* Protoss Pylon */
  --color-4: #ff66cc; /* Rose Pink */
  --color-5: #6cb506; /* Leaf Sheep */
}

Other schemes from Shocking Pink

More medium pink triadic color schemes

Questions

What colors go with Shocking Pink?

In a triadic scheme: Spring Bud (#A7FC00), Protoss Pylon (#00AAFF), Rose Pink (#FF66CC), Leaf Sheep (#6CB506).

What is the hex code of Shocking Pink?

#FE02A2.