Magical Girl Analogous Color Scheme
Five colors arranged by the analogous rule around Magical Girl (#FF7A8F), each snapped to its nearest named color.
#EE77FF
#FF6EC7
#FF7A8F
#FFA67A
#FFEB7E
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Frijid Pink | #EE77FF | 238, 119, 255 | 293°, 100%, 73% | 7, 53, 0, 0 | |
| Nervous Neon Pink | #FF6EC7 | 255, 110, 199 | 323°, 100%, 72% | 0, 57, 22, 0 | |
| Magical Girl | #FF7A8F | 255, 122, 143 | 351°, 100%, 74% | 0, 52, 44, 0 | |
| Peachy | #FFA67A | 255, 166, 122 | 20°, 100%, 74% | 0, 35, 52, 0 | |
| Digital Yellow | #FFEB7E | 255, 235, 126 | 51°, 100%, 75% | 0, 8, 51, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF6EC7 on #FFEB7E | 2.10:1 | — |
| Aa #FF7A8F on #FFEB7E | 2.07:1 | — |
| Aa #EE77FF on #FFEB7E | 2.00:1 | — |
| Aa #FFA67A on #FFEB7E | 1.59:1 | — |
| Aa #FF6EC7 on #FFA67A | 1.32:1 | — |
| Aa #FF7A8F on #FFA67A | 1.30:1 | — |
CSS variables
:root {
--color-1: #ee77ff; /* Frijid Pink */
--color-2: #ff6ec7; /* Nervous Neon Pink */
--color-3: #ff7a8f; /* Magical Girl */
--color-4: #ffa67a; /* Peachy */
--color-5: #ffeb7e; /* Digital Yellow */
}Other schemes from Magical Girl
- Magical Girl Complementary Color Scheme#FF7A8F#FFD6DD#77EEEE#32FFDC#E0FEFE
- Magical Girl Triadic Color Scheme#FF7A8F#8CFD7E#7A81FF#FBE0E8#55FF33
- Magical Girl Split-complementary Color Scheme#FF7A8F#76FDA8#77CCFF#FE2F4A#CCFFDD
- Magical Girl Tetradic Color Scheme#FF7A8F#D4FB79#77EEEE#A675FE#FBE0E8
- Magical Girl Monochromatic Color Scheme#E30022#FE2F4A#FF7A8F#FDC8CD#FFE6EC
More Light Red analogous palettes
- Amour Analogous Color Scheme#EE55EE#E95295#EE5851#EFA84C#EEEE55
- Angry Flamingo Analogous Color Scheme#FF44EE#F7468A#F04E45#F3A347#EEEE44
- Anime Blush Analogous Color Scheme#FB7EFD#FF6EC7#FF7A83#FFB278#FCF679
- Aphrodisiac Analogous Color Scheme#CC55EE#FE54A3#E35A63#E69656#E1D956
- Babe Analogous Color Scheme#DD77DD#DF7BA4#DC7B7C#DDAA77#D3DE7B
- Begonia Analogous Color Scheme#F06FFF#FF66BB#FA6E79#F7AA6F#FBF073
- Berrylicious Analogous Color Scheme#CC55DD#D85DA1#D75E6C#D88E5F#D7C65B
- Bite My Tongue Analogous Color Scheme#CC77CC#D47194#D47D72#D1AC71#CAD175
- Blood Burst Analogous Color Scheme#FF44FF#FE46A5#FF474C#FF9D45#FBFB4C
- Blush Bomb Analogous Color Scheme#CC99DD#DA9EC8#DD99AA#DDAA99#DDCC99
- Blush Hour Analogous Color Scheme#DF73FF#FF66CC#FF6F91#FE9773#FDDB6D
- Boho Blush Analogous Color Scheme#EE88EE#E290B2#E58787#E5B584#E8E287
Questions
What colors go with Magical Girl?
In a analogous scheme: Frijid Pink (#EE77FF), Nervous Neon Pink (#FF6EC7), Peachy (#FFA67A), Digital Yellow (#FFEB7E).
What is the hex code of Magical Girl?
#FF7A8F.