Magentle Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Magentle (#AA11AA), each snapped to its nearest named color.
#AA11AA
#55AA11
#1FAB58
#660066
#8EEF15
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Magentle | #AA11AA | 170, 17, 170 | 300°, 82%, 37% | 0, 90, 0, 33 | |
| Plastic Pines | #55AA11 | 85, 170, 17 | 93°, 82%, 37% | 50, 0, 90, 33 | |
| Nordic Grass Green | #1FAB58 | 31, 171, 88 | 144°, 69%, 40% | 82, 0, 49, 33 | |
| Purple Dreamer | #660066 | 102, 0, 102 | 300°, 100%, 20% | 0, 100, 0, 60 | |
| Scorpy Green | #8EEF15 | 142, 239, 21 | 87°, 87%, 51% | 41, 0, 91, 6 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #660066 on #8EEF15 | 8.26:1 | AAA |
| Aa #AA11AA on #8EEF15 | 4.31:1 | AA large |
| Aa #55AA11 on #660066 | 4.07:1 | AA large |
| Aa #1FAB58 on #660066 | 4.00:1 | AA large |
| Aa #AA11AA on #55AA11 | 2.12:1 | — |
| Aa #AA11AA on #1FAB58 | 2.08:1 | — |
CSS variables
:root {
--color-1: #aa11aa; /* Magentle */
--color-2: #55aa11; /* Plastic Pines */
--color-3: #1fab58; /* Nordic Grass Green */
--color-4: #660066; /* Purple Dreamer */
--color-5: #8eef15; /* Scorpy Green */
}Other schemes from Magentle
- Magentle Complementary Color Scheme#AA11AA#ED24ED#15B01A#04650D#2CE335
- Magentle Analogous Color Scheme#0011AA#5500AA#AA11AA#A50B5E#AA1111
- Magentle Triadic Color Scheme#AA11AA#A2A415#0DACA7#FF33EE#696006
- Magentle Tetradic Color Scheme#AA11AA#A75E09#15B01A#0D5EAF#FF33EE
- Magentle Monochromatic Color Scheme#1F0B1E#660066#AA11AA#EF1DE7#EE66EE
More Dark Pink split-complementary palettes
- 8 Bit Eggplant Split-complementary Color Scheme#990066#119900#009B7D#4C022F#33EE00
- Aristocratic Velvet Split-complementary Color Scheme#980B4A#009911#0D9494#550022#0ADD08
- Aztec Warrior Split-complementary Color Scheme#BB0066#11BB00#0ABAB5#730039#1BFC06
- Bane of Royalty Split-complementary Color Scheme#871466#328E13#1B8A6B#4C022F#46CB18
- Beet Red Split-complementary Color Scheme#7E203F#287C37#216879#441122#36B14E
- Berry Split-complementary Color Scheme#990F4B#009911#12939A#4C022F#13DA25
- Bindi Red Split-complementary Color Scheme#B0003C#00AA11#0093AF#650021#00FF26
- Bordeaux Split-complementary Color Scheme#7B002C#007711#00697C#330011#00CC11
- Botticelli Split-complementary Color Scheme#B70272#11BB00#00BBAA#770044#21FC0D
- Bruise Split-complementary Color Scheme#7E4071#4F7942#447A66#462343#75AD5B
- Castro Split-complementary Color Scheme#44232F#224634#283C44#130D0D#3D7049
- Cranberry Split-complementary Color Scheme#9E003A#009911#00889F#560319#00EE11
Questions
What colors go with Magentle?
In a split-complementary scheme: Plastic Pines (#55AA11), Nordic Grass Green (#1FAB58), Purple Dreamer (#660066), Scorpy Green (#8EEF15).
What is the hex code of Magentle?
#AA11AA.