Magento Tetradic Color Scheme
Five colors arranged by the tetradic rule around Magento (#BF3CFF), each snapped to its nearest named color.
#BF3CFF
#FA5B3D
#7FF23E
#22DDFF
#EEAAFF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Magento | #BF3CFF | 191, 60, 255 | 280°, 100%, 62% | 25, 76, 0, 0 | |
| Orange Soda | #FA5B3D | 250, 91, 61 | 10°, 95%, 61% | 0, 64, 76, 2 | |
| Lush Greenery | #7FF23E | 127, 242, 62 | 98°, 87%, 60% | 48, 0, 74, 5 | |
| Vaporwave Blue | #22DDFF | 34, 221, 255 | 189°, 100%, 57% | 87, 13, 0, 0 | |
| Pink Sugar | #EEAAFF | 238, 170, 255 | 288°, 100%, 83% | 7, 33, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BF3CFF on #7FF23E | 2.77:1 | — |
| Aa #BF3CFF on #22DDFF | 2.42:1 | — |
| Aa #BF3CFF on #EEAAFF | 2.23:1 | — |
| Aa #FA5B3D on #7FF23E | 2.21:1 | — |
| Aa #FA5B3D on #22DDFF | 1.94:1 | — |
| Aa #FA5B3D on #EEAAFF | 1.78:1 | — |
CSS variables
:root {
--color-1: #bf3cff; /* Magento */
--color-2: #fa5b3d; /* Orange Soda */
--color-3: #7ff23e; /* Lush Greenery */
--color-4: #22ddff; /* Vaporwave Blue */
--color-5: #eeaaff; /* Pink Sugar */
}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 Split-complementary Color Scheme#BF3CFF#D5F534#2DFE54#AA00FF#E8F48C
- Magento Monochromatic Color Scheme#6611AA#AA00FF#BF3CFF#D783FF#EECFFE
More Light Purple tetradic palettes
- Amethyst Tetradic Color Scheme#9966CC#CC6666#93C96A#66CCCC#CCBBE3
- Bubblegum Baby Girl Tetradic Color Scheme#CC55EE#EE7C54#70F15E#4EC0ED#E9AEF2
- Dream Vapour Tetradic Color Scheme#CC99EE#EFA498#BBEE99#99EEEE#F3E9F7
- Dreamy Candy Forest Tetradic Color Scheme#B195E4#E78EA5#D4E092#9BE3D7#EEE9F9
- Enchanted Lavender Tetradic Color Scheme#BFA3D9#D9A6A1#B8D7A6#A1DAD7#F3E9F7
- Enchanted Lilac Tetradic Color Scheme#A893C1#C29594#AFC195#91C3BD#DBD5E6
- Fake Love Tetradic Color Scheme#CC77EE#EC9079#96F97B#7ED4E6#EECFFE
- Flaming Flamingo Tetradic Color Scheme#DD55FF#FF8855#66FF55#4CD5FF#F4BBFF
- Flamingo Queen Tetradic Color Scheme#CC33FF#FF6633#66FF22#37C4FA#EE99FF
- Fleur-De-Lis Tetradic Color Scheme#B090C7#C5988C#A3C893#91C1C6#E0D5E9
- Fog Syringa Tetradic Color Scheme#C4BAD2#D3B6BA#C8D5BB#B9D2D3#F3F1F3
- Illicit Purple Tetradic Color Scheme#BF77F6#FF7E79#A9F971#77EEEE#EEDDFF
Questions
What colors go with Magento?
In a tetradic scheme: Orange Soda (#FA5B3D), Lush Greenery (#7FF23E), Vaporwave Blue (#22DDFF), Pink Sugar (#EEAAFF).
What is the hex code of Magento?
#BF3CFF.