Magical Girl Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Magical Girl (#FF7A8F), each snapped to its nearest named color.
#FF7A8F
#76FDA8
#77CCFF
#FE2F4A
#CCFFDD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Magical Girl | #FF7A8F | 255, 122, 143 | 351°, 100%, 74% | 0, 52, 44, 0 | |
| Lunatic Sky Dancer | #76FDA8 | 118, 253, 168 | 142°, 97%, 73% | 53, 0, 34, 1 | |
| Bubbly Barracuda | #77CCFF | 119, 204, 255 | 203°, 100%, 73% | 53, 20, 0, 0 | |
| Glorious Red | #FE2F4A | 254, 47, 74 | 352°, 99%, 59% | 0, 81, 71, 0 | |
| Mint Zest | #CCFFDD | 204, 255, 221 | 140°, 100%, 90% | 20, 0, 13, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FE2F4A on #CCFFDD | 3.31:1 | AA large |
| Aa #76FDA8 on #FE2F4A | 2.86:1 | — |
| Aa #FF7A8F on #CCFFDD | 2.24:1 | — |
| Aa #77CCFF on #FE2F4A | 2.07:1 | — |
| Aa #FF7A8F on #76FDA8 | 1.94:1 | — |
| Aa #77CCFF on #CCFFDD | 1.59:1 | — |
CSS variables
:root {
--color-1: #ff7a8f; /* Magical Girl */
--color-2: #76fda8; /* Lunatic Sky Dancer */
--color-3: #77ccff; /* Bubbly Barracuda */
--color-4: #fe2f4a; /* Glorious Red */
--color-5: #ccffdd; /* Mint Zest */
}Other schemes from Magical Girl
- Magical Girl Complementary Color Scheme#FF7A8F#FFD6DD#77EEEE#32FFDC#E0FEFE
- Magical Girl Analogous Color Scheme#EE77FF#FF6EC7#FF7A8F#FFA67A#FFEB7E
- Magical Girl Triadic Color Scheme#FF7A8F#8CFD7E#7A81FF#FBE0E8#55FF33
- Magical Girl Tetradic Color Scheme#FF7A8F#D4FB79#77EEEE#A675FE#FBE0E8
- Magical Girl Monochromatic Color Scheme#E30022#FE2F4A#FF7A8F#FDC8CD#FFE6EC
More Light Red split-complementary palettes
- Amour Split-complementary Color Scheme#EE5851#53FCA1#4F8FE6#DD180E#96FBC4
- Angry Flamingo Split-complementary Color Scheme#F04E45#53FCA1#4488EE#DD180E#96FBC4
- Anime Blush Split-complementary Color Scheme#FF7A83#7EFBB3#77CCFF#FF3333#CCFFDD
- Aphrodisiac Split-complementary Color Scheme#E35A63#58F898#5DADEC#D3212D#99EEBB
- Babe Split-complementary Color Scheme#DC7B7C#7BD9AD#7DABD8#D13B40#B2EED3
- Begonia Split-complementary Color Scheme#FA6E79#76FDA8#74BBFB#FF2233#B8F8D8
- Berrylicious Split-complementary Color Scheme#D75E6C#5CCD97#57A9D4#B52F3A#99E6B3
- Bite My Tongue Split-complementary Color Scheme#D47D72#78D1B1#6E99D1#BC4D39#B2E4D0
- Blood Burst Split-complementary Color Scheme#FF474C#58F898#46ADF9#F60206#96FBC4
- Blush Bomb Split-complementary Color Scheme#DD99AA#99DEAD#95CDD8#C7607B#D1F0DD
- Blush Hour Split-complementary Color Scheme#FF6F91#7BE892#76D6FF#FF2255#BDFFCA
- Boho Blush Split-complementary Color Scheme#E58787#8BE0BA#83BCE5#D3494E#D1F1DE
Questions
What colors go with Magical Girl?
In a split-complementary scheme: Lunatic Sky Dancer (#76FDA8), Bubbly Barracuda (#77CCFF), Glorious Red (#FE2F4A), Mint Zest (#CCFFDD).
What is the hex code of Magical Girl?
#FF7A8F.