Cyberpink Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Cyberpink (#FF2077), each snapped to its nearest named color.
#FF2077
#26FF2A
#22EEFF
#D10056
#76FF7B
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cyberpink | #FF2077 | 255, 32, 119 | 337°, 100%, 56% | 0, 87, 53, 0 | |
| Electric Laser Lime | #26FF2A | 38, 255, 42 | 121°, 100%, 57% | 85, 0, 84, 0 | |
| Sparky Blue | #22EEFF | 34, 238, 255 | 185°, 100%, 57% | 87, 7, 0, 0 | |
| Rubine Red | #D10056 | 209, 0, 86 | 335°, 100%, 41% | 0, 100, 59, 18 | |
| Light Green | #76FF7B | 118, 255, 123 | 122°, 100%, 73% | 54, 0, 52, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D10056 on #76FF7B | 4.25:1 | AA large |
| Aa #26FF2A on #D10056 | 4.01:1 | AA large |
| Aa #22EEFF on #D10056 | 3.83:1 | AA large |
| Aa #FF2077 on #76FF7B | 2.86:1 | — |
| Aa #FF2077 on #26FF2A | 2.69:1 | — |
| Aa #FF2077 on #22EEFF | 2.57:1 | — |
CSS variables
:root {
--color-1: #ff2077; /* Cyberpink */
--color-2: #26ff2a; /* Electric Laser Lime */
--color-3: #22eeff; /* Sparky Blue */
--color-4: #d10056; /* Rubine Red */
--color-5: #76ff7b; /* Light Green */
}Other schemes from Cyberpink
- Cyberpink Complementary Color Scheme#FF2077#FC7AB0#2AFEB7#19CC89#88FFCC
- Cyberpink Analogous Color Scheme#AA23FF#FF22EE#FF2077#FF3322#FFAA22
- Cyberpink Triadic Color Scheme#FF2077#66FF22#247AFD#FF88BB#55CC00
- Cyberpink Tetradic Color Scheme#FF2077#EEFF22#2AFEB7#3A2EFE#FF88BB
- Cyberpink Monochromatic Color Scheme#880033#D10056#FF2077#F970AC#FFB7D5
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 Cyberpink?
In a split-complementary scheme: Electric Laser Lime (#26FF2A), Sparky Blue (#22EEFF), Rubine Red (#D10056), Light Green (#76FF7B).
What is the hex code of Cyberpink?
#FF2077.