Hot Magenta Complementary Color Scheme
Five colors arranged by the complementary rule around Hot Magenta (#FF00CC), each snapped to its nearest named color.
#FF00CC
#FE4EDA
#00FF33
#00BB22
#64E986
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hot Magenta | #FF00CC | 255, 0, 204 | 312°, 100%, 50% | 0, 100, 20, 0 | |
| Purple Pizzazz | #FE4EDA | 254, 78, 218 | 312°, 99%, 65% | 0, 69, 14, 0 | |
| Lucent Lime | #00FF33 | 0, 255, 51 | 132°, 100%, 50% | 100, 0, 80, 0 | |
| Pedestrian Green | #00BB22 | 0, 187, 34 | 131°, 100%, 37% | 100, 0, 82, 27 | |
| Grotesque Green | #64E986 | 100, 233, 134 | 135°, 75%, 65% | 57, 0, 42, 9 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF00CC on #00FF33 | 2.51:1 | — |
| Aa #FF00CC on #64E986 | 2.21:1 | — |
| Aa #FE4EDA on #00FF33 | 2.10:1 | — |
| Aa #00FF33 on #00BB22 | 1.89:1 | — |
| Aa #FE4EDA on #64E986 | 1.85:1 | — |
| Aa #00BB22 on #64E986 | 1.67:1 | — |
CSS variables
:root {
--color-1: #ff00cc; /* Hot Magenta */
--color-2: #fe4eda; /* Purple Pizzazz */
--color-3: #00ff33; /* Lucent Lime */
--color-4: #00bb22; /* Pedestrian Green */
--color-5: #64e986; /* Grotesque Green */
}Other schemes from Hot Magenta
- Hot Magenta Analogous Color Scheme#3F00FF#B300FF#FF00CC#FF004D#FF3300
- Hot Magenta Triadic Color Scheme#FF00CC#CCFF00#00CCFF#FF63E9#92B300
- Hot Magenta Split-complementary Color Scheme#FF00CC#4AFF00#00FBB0#BB0088#9CEF43
- Hot Magenta Tetradic Color Scheme#FF00CC#FFB300#00FF33#0050FF#FF63E9
- Hot Magenta Monochromatic Color Scheme#720058#BB0088#FF00CC#FE4EDA#FF99EE
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 Hot Magenta?
In a complementary scheme: Purple Pizzazz (#FE4EDA), Lucent Lime (#00FF33), Pedestrian Green (#00BB22), Grotesque Green (#64E986).
What is the hex code of Hot Magenta?
#FF00CC.