Neon Rose Complementary Color Scheme
Five colors arranged by the complementary rule around Neon Rose (#FF0080), each snapped to its nearest named color.
#FF0080
#FF55AA
#00FF7F
#00BB55
#6BFFB3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Neon Rose | #FF0080 | 255, 0, 128 | 330°, 100%, 50% | 0, 100, 50, 0 | |
| Pink Katydid | #FF55AA | 255, 85, 170 | 330°, 100%, 67% | 0, 67, 33, 0 | |
| Guppie Green | #00FF7F | 0, 255, 127 | 150°, 100%, 50% | 100, 0, 50, 0 | |
| Pistou Green | #00BB55 | 0, 187, 85 | 147°, 100%, 37% | 100, 0, 55, 27 | |
| Venice Green | #6BFFB3 | 107, 255, 179 | 149°, 100%, 71% | 58, 0, 30, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF0080 on #6BFFB3 | 2.98:1 | — |
| Aa #FF0080 on #00FF7F | 2.81:1 | — |
| Aa #FF55AA on #6BFFB3 | 2.32:1 | — |
| Aa #FF55AA on #00FF7F | 2.19:1 | — |
| Aa #00BB55 on #6BFFB3 | 2.01:1 | — |
| Aa #00FF7F on #00BB55 | 1.89:1 | — |
CSS variables
:root {
--color-1: #ff0080; /* Neon Rose */
--color-2: #ff55aa; /* Pink Katydid */
--color-3: #00ff7f; /* Guppie Green */
--color-4: #00bb55; /* Pistou Green */
--color-5: #6bffb3; /* Venice Green */
}Other schemes from Neon Rose
- Neon Rose Analogous Color Scheme#7F00FF#FF00FF#FF0080#FF0000#FF7F00
- Neon Rose Triadic Color Scheme#FF0080#88FF00#0080FF#FF69B4#5CB200
- Neon Rose Split-complementary Color Scheme#FF0080#00FF00#00FFFF#AA0055#4EFD54
- Neon Rose Tetradic Color Scheme#FF0080#FFFF00#00FF7F#0000FF#FF69B4
- Neon Rose Monochromatic Color Scheme#66023C#AA0055#FF0080#FE46A5#FF99CC
More Medium Pink complementary palettes
- Akari Red Complementary Color Scheme#C90B42#E83A72#00CC99#11875D#45E9C1
- Amor Complementary Color Scheme#EE3377#F485AC#2EE8BB#19CC89#84FBCE
- Amora Purple Complementary Color Scheme#BB22AA#E15ACB#22BB33#12732B#64EB65
- Anger Complementary Color Scheme#DD0055#FF3888#00CC99#019157#55FFAA
- Aphroditean Fuchsia Complementary Color Scheme#DD14AB#EE55CC#0BDB43#059033#64E986
- Awkward Purple Complementary Color Scheme#D208CC#FF33EE#00CC11#008811#4EFD54
- Barbara Complementary Color Scheme#FF0FF3#FF6FFC#0AFA1E#00C000#76FF7B
- Bat’s Blood Soup Complementary Color Scheme#EE3366#F485AC#2EE8BB#01C08D#8CFFDB
- Beet Wave Complementary Color Scheme#D4265D#E96A97#24DA91#1E9167#7EF4CC
- Beetroot Purple Complementary Color Scheme#D33376#E47CB8#2DD78D#229966#8BE0BA
- Benevolent Pink Complementary Color Scheme#DD1188#FF55AA#11DD66#119944#64E986
- Bermuda Onion Complementary Color Scheme#9D5A8F#C58BBA#599F68#3D7049#9FC5AA
Questions
What colors go with Neon Rose?
In a complementary scheme: Pink Katydid (#FF55AA), Guppie Green (#00FF7F), Pistou Green (#00BB55), Venice Green (#6BFFB3).
What is the hex code of Neon Rose?
#FF0080.