Shocking Pink Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Shocking Pink (#FE02A2), each snapped to its nearest named color.
#FE02A2
#22FF00
#00FFDD
#B70272
#66FF55
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Shocking Pink | #FE02A2 | 254, 2, 162 | 322°, 99%, 50% | 0, 99, 36, 0 | |
| Green Screen | #22FF00 | 34, 255, 0 | 112°, 100%, 50% | 87, 0, 100, 0 | |
| Ice Ice Baby | #00FFDD | 0, 255, 221 | 172°, 100%, 50% | 100, 0, 13, 0 | |
| Botticelli | #B70272 | 183, 2, 114 | 323°, 98%, 36% | 0, 99, 38, 28 | |
| Biopunk | #66FF55 | 102, 255, 85 | 114°, 100%, 67% | 60, 0, 67, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #00FFDD on #B70272 | 5.01:1 | AA |
| Aa #B70272 on #66FF55 | 4.90:1 | AA |
| Aa #22FF00 on #B70272 | 4.71:1 | AA |
| Aa #FE02A2 on #00FFDD | 2.85:1 | — |
| Aa #FE02A2 on #66FF55 | 2.79:1 | — |
| Aa #FE02A2 on #22FF00 | 2.68:1 | — |
CSS variables
:root {
--color-1: #fe02a2; /* Shocking Pink */
--color-2: #22ff00; /* Green Screen */
--color-3: #00ffdd; /* Ice Ice Baby */
--color-4: #b70272; /* Botticelli */
--color-5: #66ff55; /* Biopunk */
}Other schemes from Shocking Pink
- Shocking Pink Complementary Color Scheme#FE02A2#FF5EC4#00FF55#00AD43#7BE892
- Shocking Pink Analogous Color Scheme#5500FF#DD00FF#FE02A2#FF0022#FF5F00
- Shocking Pink Triadic Color Scheme#FE02A2#A7FC00#00AAFF#FF66CC#6CB506
- Shocking Pink Tetradic Color Scheme#FE02A2#FDDC00#00FF55#0022FF#FF66CC
- Shocking Pink Monochromatic Color Scheme#770044#B70272#FE02A2#FF55AA#FF99DD
More Medium Pink split-complementary palettes
- Akari Red Split-complementary Color Scheme#C90B42#00CC33#14A3C7#800030#2DFE54
- Amor Split-complementary Color Scheme#EE3377#2DFE54#22DDEE#C30B4E#7BE892
- Amora Purple Split-complementary Color Scheme#BB22AA#55BB33#2BB179#751973#88DD55
- Anger Split-complementary Color Scheme#DD0055#0ADD08#00C5CD#8F003A#2DFE54
- Aphroditean Fuchsia Split-complementary Color Scheme#DD14AB#54D905#11DDAA#991177#70F15E
- Awkward Purple Split-complementary Color Scheme#D208CC#66CC00#06D078#880085#87FF2A
- Barbara Split-complementary Color Scheme#FF0FF3#7FFF00#00FA92#CC11BB#AAFF55
- Bat’s Blood Soup Split-complementary Color Scheme#EE3366#2DFE54#37C4FA#C01141#7BE892
- Beet Wave Split-complementary Color Scheme#D4265D#31D652#2DB0CE#871646#64EB65
- Beetroot Purple Split-complementary Color Scheme#D33376#31D652#22C1D5#972B51#64EB65
- Benevolent Pink Split-complementary Color Scheme#DD1188#22DD00#00DDCC#9D0759#4EFD54
- Bermuda Onion Split-complementary Color Scheme#9D5A8F#6A9D5D#599C89#673B66#99BB88
Questions
What colors go with Shocking Pink?
In a split-complementary scheme: Green Screen (#22FF00), Ice Ice Baby (#00FFDD), Botticelli (#B70272), Biopunk (#66FF55).
What is the hex code of Shocking Pink?
#FE02A2.