Magenta Triadic Color Scheme
Five colors arranged by the triadic rule around Magenta (#FF00FF), each snapped to its nearest named color.
#FF00FF
#FFFF00
#00FFFF
#FF66FF
#A8B504
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Magenta | #FF00FF | 255, 0, 255 | 300°, 100%, 50% | 0, 100, 0, 0 | |
| Yellow | #FFFF00 | 255, 255, 0 | 60°, 100%, 50% | 0, 0, 100, 0 | |
| Cyan | #00FFFF | 0, 255, 255 | 180°, 100%, 50% | 100, 0, 0, 0 | |
| Pink Flamingo | #FF66FF | 255, 102, 255 | 300°, 100%, 70% | 0, 60, 0, 0 | |
| Mustard Green | #A8B504 | 168, 181, 4 | 64°, 96%, 36% | 7, 0, 98, 29 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF00FF on #FFFF00 | 2.92:1 | — |
| Aa #FF00FF on #00FFFF | 2.50:1 | — |
| Aa #FFFF00 on #FF66FF | 2.27:1 | — |
| Aa #FFFF00 on #A8B504 | 2.11:1 | — |
| Aa #00FFFF on #FF66FF | 1.95:1 | — |
| Aa #00FFFF on #A8B504 | 1.81:1 | — |
CSS variables
:root {
--color-1: #ff00ff; /* Magenta */
--color-2: #ffff00; /* Yellow */
--color-3: #00ffff; /* Cyan */
--color-4: #ff66ff; /* Pink Flamingo */
--color-5: #a8b504; /* Mustard Green */
}Other schemes from Magenta
- Magenta Complementary Color Scheme#FF00FF#FB5FFC#00FF00#00B800#66FF66
- Magenta Analogous Color Scheme#0000FF#7F00FF#FF00FF#FF0080#FF0000
- Magenta Split-complementary Color Scheme#FF00FF#88FF00#04F489#B300B3#AAFF55
- Magenta Tetradic Color Scheme#FF00FF#FF7F00#00FF00#007FFF#FF66FF
- Magenta Monochromatic Color Scheme#660066#B300B3#FF00FF#FC53FC#FF99FF
More Medium Pink triadic palettes
- Akari Red Triadic Color Scheme#C90B42#46CB18#024ACA#F44772#2A8000
- Amor Triadic Color Scheme#EE3377#7FF23E#3D7AFD#FF91AF#55CC11
- Amora Purple Triadic Color Scheme#BB22AA#A4BF20#22AABB#E760D2#717910
- Anger Triadic Color Scheme#DD0055#55DD00#0055DD#F7468A#339900
- Aphroditean Fuchsia Triadic Color Scheme#DD14AB#B0DD16#1DACD6#E760D2#769C18
- Awkward Purple Triadic Color Scheme#D208CC#CDD80D#09CDCD#FF44EE#83890E
- Barbara Triadic Color Scheme#FF0FF3#EEFF11#0FF0FE#FC74FD#B5C306
- Bat’s Blood Soup Triadic Color Scheme#EE3366#68E52F#2B62F4#F091A9#46CB18
- Beet Wave Triadic Color Scheme#D4265D#58D332#214FC6#ED7A9E#44891A
- Beetroot Purple Triadic Color Scheme#D33376#75DE2F#3377CC#E585A5#5F9727
- Benevolent Pink Triadic Color Scheme#DD1188#88DD11#0088DC#EE66BB#5C8B15
- Bermuda Onion Triadic Color Scheme#9D5A8F#8F9B5B#5B8D9F#CA99B7#607038
Questions
What colors go with Magenta?
In a triadic scheme: Yellow (#FFFF00), Cyan (#00FFFF), Pink Flamingo (#FF66FF), Mustard Green (#A8B504).
What is the hex code of Magenta?
#FF00FF.