Muddy Mauve Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Muddy Mauve (#E4B3CC), each snapped to its nearest named color.
#E4B3CC
#B8E2B0
#B5E4E4
#CC76A3
#EBF8EF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Muddy Mauve | #E4B3CC | 228, 179, 204 | 329°, 48%, 80% | 0, 21, 11, 11 | |
| Mint Cocktail Green | #B8E2B0 | 184, 226, 176 | 110°, 46%, 79% | 19, 0, 22, 11 | |
| Seascape Green | #B5E4E4 | 181, 228, 228 | 180°, 47%, 80% | 21, 0, 0, 11 | |
| Heartbreaker | #CC76A3 | 204, 118, 163 | 329°, 46%, 63% | 0, 42, 20, 20 | |
| Soft Petals | #EBF8EF | 235, 248, 239 | 138°, 48%, 95% | 5, 0, 4, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CC76A3 on #EBF8EF | 2.87:1 | — |
| Aa #B5E4E4 on #CC76A3 | 2.27:1 | — |
| Aa #B8E2B0 on #CC76A3 | 2.17:1 | — |
| Aa #E4B3CC on #CC76A3 | 1.74:1 | — |
| Aa #E4B3CC on #EBF8EF | 1.65:1 | — |
| Aa #B8E2B0 on #EBF8EF | 1.32:1 | — |
CSS variables
:root {
--color-1: #e4b3cc; /* Muddy Mauve */
--color-2: #b8e2b0; /* Mint Cocktail Green */
--color-3: #b5e4e4; /* Seascape Green */
--color-4: #cc76a3; /* Heartbreaker */
--color-5: #ebf8ef; /* Soft Petals */
}Other schemes from Muddy Mauve
- Muddy Mauve Complementary Color Scheme#E4B3CC#F8EEF4#B2E4CD#79D0A7#EBF8EF
- Muddy Mauve Analogous Color Scheme#CABAE0#EDABE6#E4B3CC#E5B3B2#E3CAB5
- Muddy Mauve Triadic Color Scheme#E4B3CC#CAE4B2#B4CBE3#F8EEF4#A5CF7E
- Muddy Mauve Tetradic Color Scheme#E4B3CC#E2E2B5#B2E4CD#ADBAE3#F8EEF4
- Muddy Mauve Monochromatic Color Scheme#BB4488#CC76A3#E4B3CC#FCEBF4#F8EEF4
More Light Pink split-complementary palettes
- 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 Muddy Mauve?
In a split-complementary scheme: Mint Cocktail Green (#B8E2B0), Seascape Green (#B5E4E4), Heartbreaker (#CC76A3), Soft Petals (#EBF8EF).
What is the hex code of Muddy Mauve?
#E4B3CC.