Magento Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Magento (#BF3CFF), each snapped to its nearest named color.
#6611AA
#AA00FF
#BF3CFF
#D783FF
#EECFFE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Indiviolet Sunset | #6611AA | 102, 17, 170 | 273°, 82%, 37% | 40, 90, 0, 33 | |
| Digital Violets | #AA00FF | 170, 0, 255 | 280°, 100%, 50% | 33, 100, 0, 0 | |
| Magento | #BF3CFF | 191, 60, 255 | 280°, 100%, 62% | 25, 76, 0, 0 | |
| Lavender Tea | #D783FF | 215, 131, 255 | 281°, 100%, 76% | 16, 49, 0, 0 | |
| Rose Dragée | #EECFFE | 238, 207, 254 | 280°, 96%, 90% | 6, 19, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #6611AA on #EECFFE | 6.74:1 | AA |
| Aa #6611AA on #D783FF | 3.86:1 | AA large |
| Aa #AA00FF on #EECFFE | 3.61:1 | AA large |
| Aa #BF3CFF on #EECFFE | 2.83:1 | — |
| Aa #6611AA on #BF3CFF | 2.38:1 | — |
| Aa #AA00FF on #D783FF | 2.07:1 | — |
CSS variables
:root {
--color-1: #6611aa; /* Indiviolet Sunset */
--color-2: #aa00ff; /* Digital Violets */
--color-3: #bf3cff; /* Magento */
--color-4: #d783ff; /* Lavender Tea */
--color-5: #eecffe; /* Rose Dragée */
}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 Tetradic Color Scheme#BF3CFF#FA5B3D#7FF23E#22DDFF#EEAAFF
More Light Purple monochromatic palettes
- Amethyst Monochromatic Color Scheme#4B2C74#7737AA#9966CC#B19CD9#E7D7EF
- Bubblegum Baby Girl Monochromatic Color Scheme#720B98#B80CE3#CC55EE#EA9FF6#F6E5F6
- Dream Vapour Monochromatic Color Scheme#8822CC#A552E6#CC99EE#EEDDFF#F3E9F7
- Dreamy Candy Forest Monochromatic Color Scheme#5930A9#8659C2#B195E4#DDD6F3#F0EBFC
- Enchanted Lavender Monochromatic Color Scheme#724AA1#9470C4#BFA3D9#E7D7EF#F3E9F7
- Enchanted Lilac Monochromatic Color Scheme#5B4276#9264A2#A893C1#CEC3DD#F3F1F3
- Fake Love Monochromatic Color Scheme#8F1CAE#BF36E0#CC77EE#EEBBFF#F8EBFC
- Flaming Flamingo Monochromatic Color Scheme#8601BF#CD00FE#DD55FF#F1A7FE#F8EBFC
- Flamingo Queen Monochromatic Color Scheme#660099#B80CE3#CC33FF#D783FF#EECCFF
- Fleur-De-Lis Monochromatic Color Scheme#68447C#8D5EB7#B090C7#D7C9E3#F8EEF4
- Fog Syringa Monochromatic Color Scheme#7E6099#988EB4#C4BAD2#EDE9EF#F3F1F3
- Illicit Purple Monochromatic Color Scheme#701DCE#9437FF#BF77F6#EEBBFF#F8EBFC
Questions
What colors go with Magento?
In a monochromatic scheme: Indiviolet Sunset (#6611AA), Digital Violets (#AA00FF), Lavender Tea (#D783FF), Rose Dragée (#EECFFE).
What is the hex code of Magento?
#BF3CFF.