Moonlight Mauve Complementary Color Scheme
Five colors arranged by the complementary rule around Moonlight Mauve (#CA83A7), each snapped to its nearest named color.
#CA83A7
#E3C5D6
#85C7A6
#47BA87
#CDE7DB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Moonlight Mauve | #CA83A7 | 202, 131, 167 | 330°, 40%, 65% | 0, 35, 17, 21 | |
| Favourite Lady | #E3C5D6 | 227, 197, 214 | 326°, 35%, 83% | 0, 13, 6, 11 | |
| Aqua Eden | #85C7A6 | 133, 199, 166 | 150°, 37%, 65% | 33, 0, 17, 22 | |
| Aragon Green | #47BA87 | 71, 186, 135 | 153°, 45%, 50% | 62, 0, 27, 27 | |
| Misty Glen | #CDE7DB | 205, 231, 219 | 152°, 35%, 85% | 11, 0, 5, 9 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CA83A7 on #CDE7DB | 2.19:1 | — |
| Aa #47BA87 on #CDE7DB | 1.86:1 | — |
| Aa #CA83A7 on #E3C5D6 | 1.81:1 | — |
| Aa #E3C5D6 on #47BA87 | 1.53:1 | — |
| Aa #85C7A6 on #CDE7DB | 1.50:1 | — |
| Aa #CA83A7 on #85C7A6 | 1.46:1 | — |
CSS variables
:root {
--color-1: #ca83a7; /* Moonlight Mauve */
--color-2: #e3c5d6; /* Favourite Lady */
--color-3: #85c7a6; /* Aqua Eden */
--color-4: #47ba87; /* Aragon Green */
--color-5: #cde7db; /* Misty Glen */
}Other schemes from Moonlight Mauve
- Moonlight Mauve Analogous Color Scheme#A183C0#C687D6#CA83A7#C58380#CCA683
- Moonlight Mauve Triadic Color Scheme#CA83A7#ADC484#85A6C8#EAC8DA#87B550
- Moonlight Mauve Split-complementary Color Scheme#CA83A7#85CA87#87CECA#B15384#B7E0B9
- Moonlight Mauve Tetradic Color Scheme#CA83A7#C7CA86#85C7A6#8C87C5#EAC8DA
- Moonlight Mauve Monochromatic Color Scheme#773355#B15384#CA83A7#E4BBD1#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 Moonlight Mauve?
In a complementary scheme: Favourite Lady (#E3C5D6), Aqua Eden (#85C7A6), Aragon Green (#47BA87), Misty Glen (#CDE7DB).
What is the hex code of Moonlight Mauve?
#CA83A7.