Magenta Affair Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Magenta Affair (#AA44DD), each snapped to its nearest named color.
#AA44DD
#D4DE49
#58D854
#8822BB
#CFE587
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Magenta Affair | #AA44DD | 170, 68, 221 | 280°, 69%, 57% | 23, 69, 0, 13 | 59.2% 0.228 312 | |
| Yuzukoshō | #D4DE49 | 212, 222, 73 | 64°, 69%, 58% | 5, 0, 67, 13 | 86.6% 0.167 113 | |
| Koopa Green Shell | #58D854 | 88, 216, 84 | 118°, 63%, 59% | 59, 0, 61, 15 | 78.3% 0.207 143 | |
| Pheromone Purple | #8822BB | 136, 34, 187 | 280°, 69%, 43% | 27, 82, 0, 27 | 49.3% 0.222 311 | |
| Refreshed | #CFE587 | 207, 229, 135 | 74°, 64%, 71% | 10, 0, 41, 10 | 88.5% 0.121 120 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8822BB on #CFE587 | 5.08:1 | AA |
| Aa #D4DE49 on #8822BB | 4.79:1 | AA |
| Aa #58D854 on #8822BB | 3.80:1 | AA large |
| Aa #AA44DD on #CFE587 | 3.32:1 | AA large |
| Aa #AA44DD on #D4DE49 | 3.13:1 | AA large |
| Aa #AA44DD on #58D854 | 2.48:1 | — |
CSS variables
:root {
--color-1: #aa44dd; /* Magenta Affair */
--color-2: #d4de49; /* Yuzukoshō */
--color-3: #58d854; /* Koopa Green Shell */
--color-4: #8822bb; /* Pheromone Purple */
--color-5: #cfe587; /* Refreshed */
}Other schemes from Magenta Affair
- Magenta Affair Complementary Color Scheme#AA44DD#CC99EE#69D84F#5CAC2D#BBEE99
- Magenta Affair Analogous Color Scheme#4477DD#5A4FCF#AA44DD#DF4EC8#DA467D
- Magenta Affair Triadic Color Scheme#AA44DD#DDAA44#45CEA2#CC99EE#B88127
- Magenta Affair Tetradic Color Scheme#AA44DD#DC5D47#69D84F#4BC7CF#CC99EE
- Magenta Affair Monochromatic Color Scheme#540D6E#8822BB#AA44DD#CB82E3#EEC3EE
More medium purple split-complementary color schemes
- Berry Jam Split-complementary Color Scheme#655883#847E54#598556#473854#B1A57B
- Busty Blue Split-complementary Color Scheme#3300CC#CC9900#33CC00#220088#FEC615
- Cosmic Heart Split-complementary Color Scheme#9601F4#CCEE00#0AFA1E#6611AA#FAFE4B
- Crown Jewels Split-complementary Color Scheme#946DAD#A2AF70#69B076#704783#C5CC9F
- Dreamscape Purple Split-complementary Color Scheme#9632CE#ACCB35#31D652#652793#C7DC68
- Electric Indigo Split-complementary Color Scheme#6600FF#FFE500#1BFC06#5500BB#FBEB50
- Flirtatious Flamingo Split-complementary Color Scheme#CC22FF#C9FF27#2DFE54#AA00CC#D4FB79
- Fuchsia Pheromone Split-complementary Color Scheme#9F4CB7#94B44C#52B963#733380#B8CC82
- Grapes of Italy Split-complementary Color Scheme#714A8B#898C4A#4D8C57#4A2D57#ADB274
- Hokkaido Lavender Split-complementary Color Scheme#7736D9#D9C737#58D332#5500AA#E6DA78
- Lavish Spending Split-complementary Color Scheme#8469BC#BBAB6D#7CBC6C#514B98#D9CA9F
- Lilac Spring Split-complementary Color Scheme#8822CC#BBCC22#31CD31#5A1991#D9E650
Questions
What colors go with Magenta Affair?
In a split-complementary scheme: Yuzukoshō (#D4DE49), Koopa Green Shell (#58D854), Pheromone Purple (#8822BB), Refreshed (#CFE587).
What is the hex code of Magenta Affair?
#AA44DD.