Mangala Pink Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Mangala Pink (#E781A6), each snapped to its nearest named color.
#E781A6
#90EE90
#80DAEB
#DA467D
#C1EFC6
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mangala Pink | #E781A6 | 231, 129, 166 | 338°, 68%, 71% | 0, 44, 28, 9 | |
| Ulva Lactuca Green | #90EE90 | 144, 238, 144 | 120°, 73%, 75% | 39, 0, 39, 7 | |
| Medium Sky Blue | #80DAEB | 128, 218, 235 | 190°, 73%, 71% | 46, 7, 0, 8 | |
| Pickled Pink | #DA467D | 218, 70, 125 | 338°, 67%, 56% | 0, 68, 43, 15 | |
| Peasful Mint | #C1EFC6 | 193, 239, 198 | 127°, 59%, 85% | 19, 0, 17, 6 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DA467D on #C1EFC6 | 3.19:1 | AA large |
| Aa #90EE90 on #DA467D | 2.88:1 | — |
| Aa #80DAEB on #DA467D | 2.55:1 | — |
| Aa #E781A6 on #C1EFC6 | 2.03:1 | — |
| Aa #E781A6 on #90EE90 | 1.83:1 | — |
| Aa #E781A6 on #80DAEB | 1.63:1 | — |
CSS variables
:root {
--color-1: #e781a6; /* Mangala Pink */
--color-2: #90ee90; /* Ulva Lactuca Green */
--color-3: #80daeb; /* Medium Sky Blue */
--color-4: #da467d; /* Pickled Pink */
--color-5: #c1efc6; /* Peasful Mint */
}Other schemes from Mangala Pink
- Mangala Pink Complementary Color Scheme#E781A6#F2CFDC#90E4C1#45CEA2#DAF4EA
- Mangala Pink Analogous Color Scheme#CB82E3#EE88CC#E781A6#ED9080#E8C281
- Mangala Pink Triadic Color Scheme#E781A6#A3E493#88ACE0#F7D7E2#69D84F
- Mangala Pink Tetradic Color Scheme#E781A6#DFE384#90E4C1#8F8CE7#F7D7E2
- Mangala Pink Monochromatic Color Scheme#B32651#DA467D#E781A6#F5C1D5#F8EAED
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 Mangala Pink?
In a split-complementary scheme: Ulva Lactuca Green (#90EE90), Medium Sky Blue (#80DAEB), Pickled Pink (#DA467D), Peasful Mint (#C1EFC6).
What is the hex code of Mangala Pink?
#E781A6.