Neon Rose Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Neon Rose (#FF0080), each snapped to its nearest named color.
#FF0080
#00FF00
#00FFFF
#AA0055
#4EFD54
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Neon Rose | #FF0080 | 255, 0, 128 | 330°, 100%, 50% | 0, 100, 50, 0 | |
| Green | #00FF00 | 0, 255, 0 | 120°, 100%, 50% | 100, 0, 100, 0 | |
| Cyan | #00FFFF | 0, 255, 255 | 180°, 100%, 50% | 100, 0, 0, 0 | |
| Shy Guy Red | #AA0055 | 170, 0, 85 | 330°, 100%, 33% | 0, 100, 50, 33 | |
| Goblin Warboss | #4EFD54 | 78, 253, 84 | 122°, 98%, 65% | 69, 0, 67, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #00FFFF on #AA0055 | 5.90:1 | AA |
| Aa #AA0055 on #4EFD54 | 5.46:1 | AA |
| Aa #00FF00 on #AA0055 | 5.39:1 | AA |
| Aa #FF0080 on #00FFFF | 3.01:1 | AA large |
| Aa #FF0080 on #4EFD54 | 2.79:1 | — |
| Aa #FF0080 on #00FF00 | 2.75:1 | — |
CSS variables
:root {
--color-1: #ff0080; /* Neon Rose */
--color-2: #00ff00; /* Green */
--color-3: #00ffff; /* Cyan */
--color-4: #aa0055; /* Shy Guy Red */
--color-5: #4efd54; /* Goblin Warboss */
}Other schemes from Neon Rose
- Neon Rose Complementary Color Scheme#FF0080#FF55AA#00FF7F#00BB55#6BFFB3
- Neon Rose Analogous Color Scheme#7F00FF#FF00FF#FF0080#FF0000#FF7F00
- Neon Rose Triadic Color Scheme#FF0080#88FF00#0080FF#FF69B4#5CB200
- Neon Rose Tetradic Color Scheme#FF0080#FFFF00#00FF7F#0000FF#FF69B4
- Neon Rose Monochromatic Color Scheme#66023C#AA0055#FF0080#FE46A5#FF99CC
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 Neon Rose?
In a split-complementary scheme: Green (#00FF00), Cyan (#00FFFF), Shy Guy Red (#AA0055), Goblin Warboss (#4EFD54).
What is the hex code of Neon Rose?
#FF0080.