Neon Rose Tetradic Color Scheme
Five colors arranged by the tetradic rule around Neon Rose (#FF0080), each snapped to its nearest named color.
#FF0080
#FFFF00
#00FF7F
#0000FF
#FF69B4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Neon Rose | #FF0080 | 255, 0, 128 | 330°, 100%, 50% | 0, 100, 50, 0 | |
| Yellow | #FFFF00 | 255, 255, 0 | 60°, 100%, 50% | 0, 0, 100, 0 | |
| Guppie Green | #00FF7F | 0, 255, 127 | 150°, 100%, 50% | 100, 0, 50, 0 | |
| Blue | #0000FF | 0, 0, 255 | 240°, 100%, 50% | 100, 100, 0, 0 | |
| Girls Night Out | #FF69B4 | 255, 105, 180 | 330°, 100%, 71% | 0, 59, 29, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFFF00 on #0000FF | 8.00:1 | AAA |
| Aa #00FF7F on #0000FF | 6.39:1 | AA |
| Aa #FF0080 on #FFFF00 | 3.51:1 | AA large |
| Aa #0000FF on #FF69B4 | 3.25:1 | AA large |
| Aa #FF0080 on #00FF7F | 2.81:1 | — |
| Aa #FFFF00 on #FF69B4 | 2.47:1 | — |
CSS variables
:root {
--color-1: #ff0080; /* Neon Rose */
--color-2: #ffff00; /* Yellow */
--color-3: #00ff7f; /* Guppie Green */
--color-4: #0000ff; /* Blue */
--color-5: #ff69b4; /* Girls Night Out */
}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 Split-complementary Color Scheme#FF0080#00FF00#00FFFF#AA0055#4EFD54
- Neon Rose Monochromatic Color Scheme#66023C#AA0055#FF0080#FE46A5#FF99CC
More Medium Pink tetradic palettes
- Akari Red Tetradic Color Scheme#C90B42#A7C408#00CC99#360CCC#F44772
- Amor Tetradic Color Scheme#EE3377#D5F534#2EE8BB#4433EE#FF91AF
- Amora Purple Tetradic Color Scheme#BB22AA#B47B27#22BB33#2A52BE#E760D2
- Anger Tetradic Color Scheme#DD0055#CCDD00#00CC99#1805DB#F7468A
- Aphroditean Fuchsia Tetradic Color Scheme#DD14AB#DDAA11#0BDB43#0343DF#E760D2
- Awkward Purple Tetradic Color Scheme#D208CC#C87606#00CC11#0066CC#FF44EE
- Barbara Tetradic Color Scheme#FF0FF3#FF9613#0AFA1E#1177FF#FC74FD
- Bat’s Blood Soup Tetradic Color Scheme#EE3366#CFE838#2EE8BB#5F34E7#F091A9
- Beet Wave Tetradic Color Scheme#D4265D#BBCC22#24DA91#5729CE#ED7A9E
- Beetroot Purple Tetradic Color Scheme#D33376#C2D62E#2DD78D#5533CC#E585A5
- Benevolent Pink Tetradic Color Scheme#DD1188#DDCC11#11DD66#0022DD#EE66BB
- Bermuda Onion Tetradic Color Scheme#9D5A8F#9F8D57#599F68#5A6E9C#CA99B7
Questions
What colors go with Neon Rose?
In a tetradic scheme: Yellow (#FFFF00), Guppie Green (#00FF7F), Blue (#0000FF), Girls Night Out (#FF69B4).
What is the hex code of Neon Rose?
#FF0080.