Magento Complementary Color Scheme
Five colors arranged by the complementary rule around Magento (#BF3CFF), each snapped to its nearest named color.
#BF3CFF
#D59CFC
#7FF23E
#55EE00
#C1F9A2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Magento | #BF3CFF | 191, 60, 255 | 280°, 100%, 62% | 25, 76, 0, 0 | |
| Plasma Trail | #D59CFC | 213, 156, 252 | 276°, 94%, 80% | 15, 38, 0, 1 | |
| Lush Greenery | #7FF23E | 127, 242, 62 | 98°, 87%, 60% | 48, 0, 74, 5 | |
| Furious Frog | #55EE00 | 85, 238, 0 | 99°, 100%, 47% | 64, 0, 100, 7 | |
| Menthol | #C1F9A2 | 193, 249, 162 | 99°, 88%, 81% | 22, 0, 35, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BF3CFF on #C1F9A2 | 3.27:1 | AA large |
| Aa #BF3CFF on #7FF23E | 2.77:1 | — |
| Aa #BF3CFF on #55EE00 | 2.57:1 | — |
| Aa #BF3CFF on #D59CFC | 1.88:1 | — |
| Aa #D59CFC on #C1F9A2 | 1.74:1 | — |
| Aa #D59CFC on #7FF23E | 1.47:1 | — |
CSS variables
:root {
--color-1: #bf3cff; /* Magento */
--color-2: #d59cfc; /* Plasma Trail */
--color-3: #7ff23e; /* Lush Greenery */
--color-4: #55ee00; /* Furious Frog */
--color-5: #c1f9a2; /* Menthol */
}Other schemes from Magento
- Magento Analogous Color Scheme#3D7AFD#5533FF#BF3CFF#FF33CC#EF347C
- Magento Triadic Color Scheme#BF3CFF#FFBC3E#2AFEB7#EEAAFF#EEA300
- Magento Split-complementary Color Scheme#BF3CFF#D5F534#2DFE54#AA00FF#E8F48C
- Magento Tetradic Color Scheme#BF3CFF#FA5B3D#7FF23E#22DDFF#EEAAFF
- Magento Monochromatic Color Scheme#6611AA#AA00FF#BF3CFF#D783FF#EECFFE
More Light Purple complementary palettes
- Amethyst Complementary Color Scheme#9966CC#C2B2F0#93C96A#77AD3B#CAE4B2
- Bubblegum Baby Girl Complementary Color Scheme#CC55EE#E9AEF2#70F15E#4BEC13#C7FDB5
- Dream Vapour Complementary Color Scheme#CC99EE#F3E9F7#BBEE99#80E45F#F1FAEA
- Dreamy Candy Forest Complementary Color Scheme#B195E4#E6DEF0#D4E092#ABD35D#F3F9E9
- Enchanted Lavender Complementary Color Scheme#BFA3D9#F0E5F5#B8D7A6#93C572#F1F8EC
- Enchanted Lilac Complementary Color Scheme#A893C1#D5CDE3#AFC195#8CA468#DEE7D4
- Fake Love Complementary Color Scheme#CC77EE#E8CEF6#96F97B#68E52F#DBF4D8
- Flaming Flamingo Complementary Color Scheme#DD55FF#F8B3FF#66FF55#3FFF00#CFFDBC
- Flamingo Queen Complementary Color Scheme#CC33FF#EE88FF#66FF22#33EE00#B1FC99
- Fleur-De-Lis Complementary Color Scheme#B090C7#D9CDE5#A3C893#75AD5B#DBE9D5
- Fog Syringa Complementary Color Scheme#C4BAD2#F3F1F3#C8D5BB#A4BA8A#F4F4F0
- Illicit Purple Complementary Color Scheme#BF77F6#E4CBFF#A9F971#88EE22#E9FFDB
Questions
What colors go with Magento?
In a complementary scheme: Plasma Trail (#D59CFC), Lush Greenery (#7FF23E), Furious Frog (#55EE00), Menthol (#C1F9A2).
What is the hex code of Magento?
#BF3CFF.