Magentleman Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Magentleman (#AA22BB), each snapped to its nearest named color.
#AA22BB
#7BB92B
#22BB55
#751973
#B1DD52
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Magentleman | #AA22BB | 170, 34, 187 | 293°, 69%, 43% | 9, 82, 0, 27 | |
| Jubilant Meadow | #7BB92B | 123, 185, 43 | 86°, 62%, 45% | 34, 0, 77, 27 | |
| Vegan Mastermind | #22BB55 | 34, 187, 85 | 140°, 69%, 43% | 82, 0, 55, 27 | |
| Pure Purple | #751973 | 117, 25, 115 | 301°, 65%, 28% | 0, 79, 2, 54 | |
| Conifer | #B1DD52 | 177, 221, 82 | 79°, 67%, 59% | 20, 0, 63, 13 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #751973 on #B1DD52 | 6.22:1 | AA |
| Aa #7BB92B on #751973 | 4.11:1 | AA large |
| Aa #22BB55 on #751973 | 3.88:1 | AA large |
| Aa #AA22BB on #B1DD52 | 3.65:1 | AA large |
| Aa #AA22BB on #7BB92B | 2.41:1 | — |
| Aa #AA22BB on #22BB55 | 2.27:1 | — |
CSS variables
:root {
--color-1: #aa22bb; /* Magentleman */
--color-2: #7bb92b; /* Jubilant Meadow */
--color-3: #22bb55; /* Vegan Mastermind */
--color-4: #751973; /* Pure Purple */
--color-5: #b1dd52; /* Conifer */
}Other schemes from Magentleman
- Magentleman Complementary Color Scheme#AA22BB#CC55EE#22BB22#2A7E19#61E160
- Magentleman Analogous Color Scheme#2539BF#5533BB#AA22BB#BB2277#BB2233
- Magentleman Triadic Color Scheme#AA22BB#BBAA22#24BCA8#CD68E2#706C11
- Magentleman Tetradic Color Scheme#AA22BB#B85824#22BB22#277ABA#CD68E2
- Magentleman Monochromatic Color Scheme#35063E#751973#AA22BB#D648D7#EE88EE
More Medium Pink split-complementary palettes
- Akari Red Split-complementary Color Scheme#C90B42#00CC33#14A3C7#800030#2DFE54
- Amor Split-complementary Color Scheme#EE3377#2DFE54#22DDEE#C30B4E#7BE892
- Amora Purple Split-complementary Color Scheme#BB22AA#55BB33#2BB179#751973#88DD55
- Anger Split-complementary Color Scheme#DD0055#0ADD08#00C5CD#8F003A#2DFE54
- Aphroditean Fuchsia Split-complementary Color Scheme#DD14AB#54D905#11DDAA#991177#70F15E
- Awkward Purple Split-complementary Color Scheme#D208CC#66CC00#06D078#880085#87FF2A
- Barbara Split-complementary Color Scheme#FF0FF3#7FFF00#00FA92#CC11BB#AAFF55
- Bat’s Blood Soup Split-complementary Color Scheme#EE3366#2DFE54#37C4FA#C01141#7BE892
- Beet Wave Split-complementary Color Scheme#D4265D#31D652#2DB0CE#871646#64EB65
- Beetroot Purple Split-complementary Color Scheme#D33376#31D652#22C1D5#972B51#64EB65
- Benevolent Pink Split-complementary Color Scheme#DD1188#22DD00#00DDCC#9D0759#4EFD54
- Bermuda Onion Split-complementary Color Scheme#9D5A8F#6A9D5D#599C89#673B66#99BB88
Questions
What colors go with Magentleman?
In a split-complementary scheme: Jubilant Meadow (#7BB92B), Vegan Mastermind (#22BB55), Pure Purple (#751973), Conifer (#B1DD52).
What is the hex code of Magentleman?
#AA22BB.