Magento Triadic Color Scheme
Five colors arranged by the triadic rule around Magento (#BF3CFF), each snapped to its nearest named color.
#BF3CFF
#FFBC3E
#2AFEB7
#EEAAFF
#EEA300
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Magento | #BF3CFF | 191, 60, 255 | 280°, 100%, 62% | 25, 76, 0, 0 | |
| Orange Pop | #FFBC3E | 255, 188, 62 | 39°, 100%, 62% | 0, 26, 76, 0 | |
| Greenish Cyan | #2AFEB7 | 42, 254, 183 | 160°, 99%, 58% | 83, 0, 28, 0 | |
| Pink Sugar | #EEAAFF | 238, 170, 255 | 288°, 100%, 83% | 7, 33, 0, 0 | |
| Lemon Dream | #EEA300 | 238, 163, 0 | 41°, 100%, 47% | 0, 32, 100, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BF3CFF on #2AFEB7 | 3.01:1 | AA large |
| Aa #BF3CFF on #FFBC3E | 2.36:1 | — |
| Aa #BF3CFF on #EEAAFF | 2.23:1 | — |
| Aa #BF3CFF on #EEA300 | 1.86:1 | — |
| Aa #2AFEB7 on #EEA300 | 1.62:1 | — |
| Aa #2AFEB7 on #EEAAFF | 1.35:1 | — |
CSS variables
:root {
--color-1: #bf3cff; /* Magento */
--color-2: #ffbc3e; /* Orange Pop */
--color-3: #2afeb7; /* Greenish Cyan */
--color-4: #eeaaff; /* Pink Sugar */
--color-5: #eea300; /* Lemon Dream */
}Other schemes from Magento
- Magento Complementary Color Scheme#BF3CFF#D59CFC#7FF23E#55EE00#C1F9A2
- Magento Analogous Color Scheme#3D7AFD#5533FF#BF3CFF#FF33CC#EF347C
- 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 triadic palettes
- Amethyst Triadic Color Scheme#9966CC#CF9C63#65CE95#CCBBE3#AC7435
- Bubblegum Baby Girl Triadic Color Scheme#CC55EE#EECC55#45E9C1#E9AEF2#E2B31B
- Dream Vapour Triadic Color Scheme#CC99EE#EECC99#9BEEC1#F3E9F7#E3AB57
- Dreamy Candy Forest Triadic Color Scheme#B195E4#E4B095#99E6B3#EEE9F9#D68755
- Enchanted Lavender Triadic Color Scheme#BFA3D9#DABFA4#A2D4BD#F3E9F7#C19A6C
- Enchanted Lilac Triadic Color Scheme#A893C1#C1AA91#8DC2A8#DBD5E6#A38061
- Fake Love Triadic Color Scheme#CC77EE#EECC77#7EF4CC#EECFFE#E3B130
- Flaming Flamingo Triadic Color Scheme#DD55FF#FFDD55#4EFFCD#F4BBFF#FFCF09
- Flamingo Queen Triadic Color Scheme#CC33FF#FFCC33#32FFDC#EE99FF#E1AD01
- Fleur-De-Lis Triadic Color Scheme#B090C7#C5AF91#90C4B4#E0D5E9#AE8C5C
- Fog Syringa Triadic Color Scheme#C4BAD2#D6C3B9#B6D3C5#F3F1F3#BA9E88
- Illicit Purple Triadic Color Scheme#BF77F6#F4BF77#77EEBB#EEDDFF#EE9933
Questions
What colors go with Magento?
In a triadic scheme: Orange Pop (#FFBC3E), Greenish Cyan (#2AFEB7), Pink Sugar (#EEAAFF), Lemon Dream (#EEA300).
What is the hex code of Magento?
#BF3CFF.