Moonlight Mauve Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Moonlight Mauve (#CA83A7), each snapped to its nearest named color.
#CA83A7
#85CA87
#87CECA
#B15384
#B7E0B9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Moonlight Mauve | #CA83A7 | 202, 131, 167 | 330°, 40%, 65% | 0, 35, 17, 21 | 69.4% 0.098 348 | |
| De York | #85CA87 | 133, 202, 135 | 122°, 39%, 66% | 34, 0, 33, 21 | 77.6% 0.117 145 | |
| Surf Wash | #87CECA | 135, 206, 202 | 177°, 42%, 67% | 34, 0, 2, 19 | 80.3% 0.071 191 | |
| Signal Pink | #B15384 | 177, 83, 132 | 329°, 38%, 51% | 0, 53, 25, 31 | 57.4% 0.135 350 | |
| Summer Sigh | #B7E0B9 | 183, 224, 185 | 123°, 40%, 80% | 18, 0, 17, 12 | 86.7% 0.068 146 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B15384 on #B7E0B9 | 3.24:1 | AA large |
| Aa #87CECA on #B15384 | 2.64:1 | — |
| Aa #85CA87 on #B15384 | 2.43:1 | — |
| Aa #CA83A7 on #B7E0B9 | 1.97:1 | — |
| Aa #CA83A7 on #B15384 | 1.65:1 | — |
| Aa #CA83A7 on #87CECA | 1.60:1 | — |
CSS variables
:root {
--color-1: #ca83a7; /* Moonlight Mauve */
--color-2: #85ca87; /* De York */
--color-3: #87ceca; /* Surf Wash */
--color-4: #b15384; /* Signal Pink */
--color-5: #b7e0b9; /* Summer Sigh */
}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 Triadic Color Scheme#CA83A7#ADC484#85A6C8#EAC8DA#87B550
- Moonlight Mauve Tetradic Color Scheme#CA83A7#C7CA86#85C7A6#8C87C5#EAC8DA
- Moonlight Mauve Monochromatic Color Scheme#773355#B15384#CA83A7#E4BBD1#F8EEF4
More light pink split-complementary color schemes
- Always Rosey Split-complementary Color Scheme#E79DB3#9BE5AA#9ED6E8#DC6080#D9F2E3
- Atomic Pink Split-complementary Color Scheme#FB7EFD#CCFD7F#7EFFBA#FF33FF#EEFFCC
- Avant-Garde Pink Split-complementary Color Scheme#FF77EE#A9F971#7BFDC7#FF2FEB#DDFFCC
- Barbiecore Split-complementary Color Scheme#E15ACB#80E45F#56FCA2#C920B0#BBEE99
- Blush d’Amour Split-complementary Color Scheme#DE5D83#44DD66#5DC2DB#C92351#99EEAA
- Blushing Sky Split-complementary Color Scheme#D9B1D6#C1D6B1#B1DAC6#CD7DB5#EAF1E4
- Bubblegum Split-complementary Color Scheme#FF85FF#C4FE82#88FFCC#FF33FF#EEFFCC
- Bubblegum Beam Split-complementary Color Scheme#F887C7#90EE90#88FFEE#E936A7#CCFFCC
- Bubblegum Kisses Split-complementary Color Scheme#F092D6#A3E493#9CE5D6#F246A7#DBF4D8
- Candy Floss Split-complementary Color Scheme#E8A7E2#C5E6A4#A8E8CB#DA70D6#EBF7E4
- Candy Pink Split-complementary Color Scheme#FF63E9#9AF764#7BFDC7#FF1DCE#C8FFB0
- Classy Mauve Split-complementary Color Scheme#BB99AA#99BD91#90BDBD#A06582#C5DCC6
Questions
What colors go with Moonlight Mauve?
In a split-complementary scheme: De York (#85CA87), Surf Wash (#87CECA), Signal Pink (#B15384), Summer Sigh (#B7E0B9).
What is the hex code of Moonlight Mauve?
#CA83A7.