Magento Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Magento (#BF3CFF), each snapped to its nearest named color.
#BF3CFF
#D5F534
#2DFE54
#AA00FF
#E8F48C
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Magento | #BF3CFF | 191, 60, 255 | 280°, 100%, 62% | 25, 76, 0, 0 | |
| Stadium Grass | #D5F534 | 213, 245, 52 | 70°, 91%, 58% | 13, 0, 79, 4 | |
| Bright Light Green | #2DFE54 | 45, 254, 84 | 131°, 99%, 59% | 82, 0, 67, 0 | |
| Digital Violets | #AA00FF | 170, 0, 255 | 280°, 100%, 50% | 33, 100, 0, 0 | |
| Key Lime Water | #E8F48C | 232, 244, 140 | 67°, 83%, 75% | 5, 0, 43, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #AA00FF on #E8F48C | 4.27:1 | AA large |
| Aa #D5F534 on #AA00FF | 4.08:1 | AA large |
| Aa #2DFE54 on #AA00FF | 3.71:1 | AA large |
| Aa #BF3CFF on #E8F48C | 3.35:1 | AA large |
| Aa #BF3CFF on #D5F534 | 3.19:1 | AA large |
| Aa #BF3CFF on #2DFE54 | 2.91:1 | — |
CSS variables
:root {
--color-1: #bf3cff; /* Magento */
--color-2: #d5f534; /* Stadium Grass */
--color-3: #2dfe54; /* Bright Light Green */
--color-4: #aa00ff; /* Digital Violets */
--color-5: #e8f48c; /* Key Lime Water */
}Other schemes from Magento
- Magento Complementary Color Scheme#BF3CFF#D59CFC#7FF23E#55EE00#C1F9A2
- Magento Analogous Color Scheme#3D7AFD#5533FF#BF3CFF#FF33CC#EF347C
- Magento Triadic Color Scheme#BF3CFF#FFBC3E#2AFEB7#EEAAFF#EEA300
- Magento Tetradic Color Scheme#BF3CFF#FA5B3D#7FF23E#22DDFF#EEAAFF
- Magento Monochromatic Color Scheme#6611AA#AA00FF#BF3CFF#D783FF#EECFFE
More Light Purple split-complementary palettes
- Amethyst Split-complementary Color Scheme#9966CC#D5CE69#62C46C#7737AA#DCDF9D
- Bubblegum Baby Girl Split-complementary Color Scheme#CC55EE#D1F358#4CFF7B#B80CE3#D8F19C
- Dream Vapour Split-complementary Color Scheme#CC99EE#E5E999#99EEAA#A552E6#F8F6DA
- Dreamy Candy Forest Split-complementary Color Scheme#B195E4#E1D792#A3E493#8659C2#F4F0D2
- Enchanted Lavender Split-complementary Color Scheme#BFA3D9#D9D7A1#A0D9A3#9470C4#F0F0D9
- Enchanted Lilac Split-complementary Color Scheme#A893C1#C2BC90#96C193#9264A2#DEDBC4
- Fake Love Split-complementary Color Scheme#CC77EE#DAEA6F#7BE892#BF36E0#F0F5BB
- Flaming Flamingo Split-complementary Color Scheme#DD55FF#CDFA56#58F898#CD00FE#EEFFA9
- Flamingo Queen Split-complementary Color Scheme#CC33FF#C8FD3D#33EE66#B80CE3#C4FE82
- Fleur-De-Lis Split-complementary Color Scheme#B090C7#C8C48F#86C994#8D5EB7#DBE0C4
- Fog Syringa Split-complementary Color Scheme#C4BAD2#D3D1B9#BAD2B8#9F86B7#F2F0E8
- Illicit Purple Split-complementary Color Scheme#BF77F6#ECF474#64E986#9437FF#FDFCBF
Questions
What colors go with Magento?
In a split-complementary scheme: Stadium Grass (#D5F534), Bright Light Green (#2DFE54), Digital Violets (#AA00FF), Key Lime Water (#E8F48C).
What is the hex code of Magento?
#BF3CFF.