Mauve Magic Complementary Color Scheme
Five colors arranged by the complementary rule around Mauve Magic (#BF91B2), each snapped to its nearest named color.
#BF91B2
#E1CBDA
#90BE9D
#6CA178
#D1E6D5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mauve Magic | #BF91B2 | 191, 145, 178 | 317°, 26%, 66% | 0, 24, 7, 25 | |
| Diva Girl | #E1CBDA | 225, 203, 218 | 319°, 27%, 84% | 0, 10, 3, 12 | |
| Green-Eyed Lady | #90BE9D | 144, 190, 157 | 137°, 26%, 65% | 24, 0, 17, 25 | |
| Growth | #6CA178 | 108, 161, 120 | 134°, 22%, 53% | 33, 0, 25, 37 | |
| Peppermint Patty | #D1E6D5 | 209, 230, 213 | 131°, 30%, 86% | 9, 0, 7, 10 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #6CA178 on #D1E6D5 | 2.28:1 | — |
| Aa #BF91B2 on #D1E6D5 | 2.02:1 | — |
| Aa #E1CBDA on #6CA178 | 1.96:1 | — |
| Aa #BF91B2 on #E1CBDA | 1.74:1 | — |
| Aa #90BE9D on #D1E6D5 | 1.59:1 | — |
| Aa #90BE9D on #6CA178 | 1.43:1 | — |
CSS variables
:root {
--color-1: #bf91b2; /* Mauve Magic */
--color-2: #e1cbda; /* Diva Girl */
--color-3: #90be9d; /* Green-Eyed Lady */
--color-4: #6ca178; /* Growth */
--color-5: #d1e6d5; /* Peppermint Patty */
}Other schemes from Mauve Magic
- Mauve Magic Analogous Color Scheme#9791BC#B48FBD#BF91B2#BD9095#BF9F91
- Mauve Magic Triadic Color Scheme#BF91B2#B4BE93#91B2BC#E5D2DD#92A360
- Mauve Magic Split-complementary Color Scheme#BF91B2#99BD91#95BFB2#AC6292#C8DFC3
- Mauve Magic Tetradic Color Scheme#BF91B2#BEB48E#90BE9D#9499BB#E5D2DD
- Mauve Magic Monochromatic Color Scheme#784467#AC6292#BF91B2#DCC0D3#F8EEF4
More Light Pink complementary palettes
- Always Rosey Complementary Color Scheme#E79DB3#FBE5EA#9CE5D6#68DFBB#E9F9F5
- Atomic Pink Complementary Color Scheme#FB7EFD#FFDDFF#8CFD7E#26FF2A#E1F8E7
- Avant-Garde Pink Complementary Color Scheme#FF77EE#FED0FC#7BE892#2DFE54#DFFAE1
- Barbiecore Complementary Color Scheme#E15ACB#F2ABE1#4CFF7B#31D652#B8F8B8
- Blush d’Amour Complementary Color Scheme#DE5D83#EFA7BF#5FD1BA#33CC99#B6ECDE
- Blushing Sky Complementary Color Scheme#D9B1D6#F8EEF4#B1D4B7#7EC083#EBF8EF
- Bubblegum Complementary Color Scheme#FF85FF#FFE0F5#94FF94#26FF2A#E7FBEC
- Bubblegum Beam Complementary Color Scheme#F887C7#FFDDEE#80F9AD#2AF589#E6FDF1
- Bubblegum Kisses Complementary Color Scheme#F092D6#FFE3F4#99EEAA#4CFF7B#EBFCEC
- Candy Floss Complementary Color Scheme#E8A7E2#FCEBFA#AAEEAA#77DD77#EBFCEC
- Candy Pink Complementary Color Scheme#FF63E9#FFBBEE#73FA79#16F12D#CCFFCC
- Classy Mauve Complementary Color Scheme#BB99AA#E4CFD7#8EBBAC#64A281#D3E7DC
Questions
What colors go with Mauve Magic?
In a complementary scheme: Diva Girl (#E1CBDA), Green-Eyed Lady (#90BE9D), Growth (#6CA178), Peppermint Patty (#D1E6D5).
What is the hex code of Mauve Magic?
#BF91B2.