Elastic Pink Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Elastic Pink (#ECA6CA), each snapped to its nearest named color.
#ECA6CA
#AAEEAA
#AFEEEE
#DF6EA1
#E4F7E7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Elastic Pink | #ECA6CA | 236, 166, 202 | 329°, 65%, 79% | 0, 30, 14, 7 | |
| Frosted Hills | #AAEEAA | 170, 238, 170 | 120°, 67%, 80% | 29, 0, 29, 7 | |
| Mint Macaron | #AFEEEE | 175, 238, 238 | 180°, 65%, 81% | 26, 0, 0, 7 | |
| China Pink | #DF6EA1 | 223, 110, 161 | 333°, 64%, 65% | 0, 51, 28, 13 | |
| Nettle Rash | #E4F7E7 | 228, 247, 231 | 129°, 54%, 93% | 8, 0, 6, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DF6EA1 on #E4F7E7 | 2.73:1 | — |
| Aa #AFEEEE on #DF6EA1 | 2.37:1 | — |
| Aa #AAEEAA on #DF6EA1 | 2.25:1 | — |
| Aa #ECA6CA on #E4F7E7 | 1.72:1 | — |
| Aa #ECA6CA on #DF6EA1 | 1.58:1 | — |
| Aa #ECA6CA on #AFEEEE | 1.50:1 | — |
CSS variables
:root {
--color-1: #eca6ca; /* Elastic Pink */
--color-2: #aaeeaa; /* Frosted Hills */
--color-3: #afeeee; /* Mint Macaron */
--color-4: #df6ea1; /* China Pink */
--color-5: #e4f7e7; /* Nettle Rash */
}Other schemes from Elastic Pink
- Elastic Pink Complementary Color Scheme#ECA6CA#FCEBF4#ABEDC9#66DDAA#EBFCF5
- Elastic Pink Analogous Color Scheme#C2B2F0#EEAAEE#ECA6CA#F1AAA8#EEC9A6
- Elastic Pink Triadic Color Scheme#ECA6CA#CEE9A0#A7C9EB#FCEBF4#AADD66
- Elastic Pink Tetradic Color Scheme#ECA6CA#EBECA7#ABEDC9#ACACE6#FCEBF4
- Elastic Pink Monochromatic Color Scheme#D33479#DF6EA1#ECA6CA#F8E3EE#FCEBF4
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 Elastic Pink?
In a split-complementary scheme: Frosted Hills (#AAEEAA), Mint Macaron (#AFEEEE), China Pink (#DF6EA1), Nettle Rash (#E4F7E7).
What is the hex code of Elastic Pink?
#ECA6CA.