Magenta Affair Complementary Color Scheme
Five colors arranged by the complementary rule around Magenta Affair (#AA44DD), each snapped to its nearest named color.
#AA44DD
#CC99EE
#69D84F
#5CAC2D
#BBEE99
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Magenta Affair | #AA44DD | 170, 68, 221 | 280°, 69%, 57% | 23, 69, 0, 13 | |
| Dream Vapour | #CC99EE | 204, 153, 238 | 276°, 71%, 77% | 14, 36, 0, 7 | |
| Fresh Green | #69D84F | 105, 216, 79 | 109°, 64%, 58% | 51, 0, 63, 15 | |
| Grass | #5CAC2D | 92, 172, 45 | 98°, 59%, 43% | 47, 0, 74, 33 | |
| Sweet Mint Pesto | #BBEE99 | 187, 238, 153 | 96°, 71%, 77% | 21, 0, 36, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #AA44DD on #BBEE99 | 3.45:1 | AA large |
| Aa #AA44DD on #69D84F | 2.52:1 | — |
| Aa #5CAC2D on #BBEE99 | 2.14:1 | — |
| Aa #AA44DD on #CC99EE | 2.04:1 | — |
| Aa #CC99EE on #BBEE99 | 1.69:1 | — |
| Aa #AA44DD on #5CAC2D | 1.61:1 | — |
CSS variables
:root {
--color-1: #aa44dd; /* Magenta Affair */
--color-2: #cc99ee; /* Dream Vapour */
--color-3: #69d84f; /* Fresh Green */
--color-4: #5cac2d; /* Grass */
--color-5: #bbee99; /* Sweet Mint Pesto */
}Other schemes from Magenta Affair
- Magenta Affair Analogous Color Scheme#4477DD#5A4FCF#AA44DD#DF4EC8#DA467D
- Magenta Affair Triadic Color Scheme#AA44DD#DDAA44#45CEA2#CC99EE#B88127
- Magenta Affair Split-complementary Color Scheme#AA44DD#D4DE49#58D854#8822BB#CFE587
- Magenta Affair Tetradic Color Scheme#AA44DD#DC5D47#69D84F#4BC7CF#CC99EE
- Magenta Affair Monochromatic Color Scheme#540D6E#8822BB#AA44DD#CB82E3#EEC3EE
More Medium Purple complementary palettes
- Berry Jam Complementary Color Scheme#655883#9188B5#728A51#505838#A8B989
- Busty Blue Complementary Color Scheme#3300CC#5533FF#99CC00#758000#C8FD3D
- Cosmic Heart Complementary Color Scheme#9601F4#AA55FF#55EE00#44AA00#9CEF43
- Crown Jewels Complementary Color Scheme#946DAD#BCACCD#86A96F#648149#BBD3AD
- Dreamscape Purple Complementary Color Scheme#9632CE#BF77F6#6ECB3C#448822#A3E493
- Electric Indigo Complementary Color Scheme#6600FF#9955FF#96FF00#6CB506#C2F177
- Flirtatious Flamingo Complementary Color Scheme#CC22FF#EE77FF#55FF22#33CC00#B1FC99
- Fuchsia Pheromone Complementary Color Scheme#9F4CB7#C687D6#6AB54B#448833#A6D292
- Grapes of Italy Complementary Color Scheme#714A8B#9D7EB7#63884A#47562F#93B881
- Hokkaido Lavender Complementary Color Scheme#7736D9#BF8FE5#99DD33#71A91D#C1E28A
- Lavish Spending Complementary Color Scheme#8469BC#B4A6D5#ACBF69#7E9242#CEDAAC
- Lilac Spring Complementary Color Scheme#8822CC#B36FF6#66CC22#44891A#9AE37D
Questions
What colors go with Magenta Affair?
In a complementary scheme: Dream Vapour (#CC99EE), Fresh Green (#69D84F), Grass (#5CAC2D), Sweet Mint Pesto (#BBEE99).
What is the hex code of Magenta Affair?
#AA44DD.