Moonlight Mauve Triadic Color Scheme
Five colors arranged by the triadic rule around Moonlight Mauve (#CA83A7), each snapped to its nearest named color.
#CA83A7
#ADC484
#85A6C8
#EAC8DA
#87B550
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Moonlight Mauve | #CA83A7 | 202, 131, 167 | 330°, 40%, 65% | 0, 35, 17, 21 | |
| Gnome Green | #ADC484 | 173, 196, 132 | 82°, 35%, 64% | 12, 0, 33, 23 | |
| High Tide | #85A6C8 | 133, 166, 200 | 210°, 38%, 65% | 34, 17, 0, 22 | |
| Merry Pink | #EAC8DA | 234, 200, 218 | 328°, 45%, 85% | 0, 15, 7, 8 | |
| Savoy | #87B550 | 135, 181, 80 | 87°, 41%, 51% | 25, 0, 56, 29 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CA83A7 on #EAC8DA | 1.88:1 | — |
| Aa #85A6C8 on #EAC8DA | 1.66:1 | — |
| Aa #EAC8DA on #87B550 | 1.57:1 | — |
| Aa #CA83A7 on #ADC484 | 1.50:1 | — |
| Aa #ADC484 on #85A6C8 | 1.33:1 | — |
| Aa #ADC484 on #87B550 | 1.26:1 | — |
CSS variables
:root {
--color-1: #ca83a7; /* Moonlight Mauve */
--color-2: #adc484; /* Gnome Green */
--color-3: #85a6c8; /* High Tide */
--color-4: #eac8da; /* Merry Pink */
--color-5: #87b550; /* Savoy */
}Other schemes from Moonlight Mauve
- Moonlight Mauve Complementary Color Scheme#CA83A7#E3C5D6#85C7A6#47BA87#CDE7DB
- Moonlight Mauve Analogous Color Scheme#A183C0#C687D6#CA83A7#C58380#CCA683
- 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 triadic palettes
- Always Rosey Triadic Color Scheme#E79DB3#BBEE99#9BB8E2#F8EAED#8DCE65
- Atomic Pink Triadic Color Scheme#FB7EFD#FEFC7E#7DF9FF#FFE0F5#FAFA37
- Avant-Garde Pink Triadic Color Scheme#FF77EE#F8FF73#6DEDFD#FFDDFF#E8FF2A
- Barbiecore Triadic Color Scheme#E15ACB#D9E650#4EC0ED#EDABE6#ACC729
- Blush d’Amour Triadic Color Scheme#DE5D83#88DD55#5588DD#EDB2C4#58D332
- Blushing Sky Triadic Color Scheme#D9B1D6#D9D9B1#AFD5D8#F8EEF4#BDC07E
- Bubblegum Triadic Color Scheme#FF85FF#FFFF84#88FFFF#FFEBFE#FDFF38
- Bubblegum Beam Triadic Color Scheme#F887C7#C0FA8B#82CAFC#FFE8F4#A7F432
- Bubblegum Kisses Triadic Color Scheme#F092D6#D8F19C#92D2ED#FEE8F5#B2EC5D
- Candy Floss Triadic Color Scheme#E8A7E2#E4E8A7#A3E3ED#FCEBFA#C6D86B
- Candy Pink Triadic Color Scheme#FF63E9#F1FF62#6DEDFD#FCCCF5#DFFF11
- Classy Mauve Triadic Color Scheme#BB99AA#ACBF93#91ABBE#E8D5DD#85A16A
Questions
What colors go with Moonlight Mauve?
In a triadic scheme: Gnome Green (#ADC484), High Tide (#85A6C8), Merry Pink (#EAC8DA), Savoy (#87B550).
What is the hex code of Moonlight Mauve?
#CA83A7.