Pink Punk Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Pink Punk (#D983BD), each snapped to its nearest named color.
#D983BD
#9ED686
#80D9CC
#CC4499
#C2ECBC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pink Punk | #D983BD | 217, 131, 189 | 320°, 53%, 68% | 0, 40, 13, 15 | |
| Celery Sprig | #9ED686 | 158, 214, 134 | 102°, 49%, 68% | 26, 0, 37, 16 | |
| Mintos | #80D9CC | 128, 217, 204 | 171°, 54%, 68% | 41, 0, 6, 15 | |
| Lustful Wishes | #CC4499 | 204, 68, 153 | 323°, 57%, 53% | 0, 67, 25, 20 | |
| Lime Dream | #C2ECBC | 194, 236, 188 | 113°, 56%, 83% | 18, 0, 20, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CC4499 on #C2ECBC | 3.30:1 | AA large |
| Aa #80D9CC on #CC4499 | 2.62:1 | — |
| Aa #9ED686 on #CC4499 | 2.56:1 | — |
| Aa #D983BD on #C2ECBC | 2.02:1 | — |
| Aa #D983BD on #CC4499 | 1.63:1 | — |
| Aa #D983BD on #80D9CC | 1.60:1 | — |
CSS variables
:root {
--color-1: #d983bd; /* Pink Punk */
--color-2: #9ed686; /* Celery Sprig */
--color-3: #80d9cc; /* Mintos */
--color-4: #cc4499; /* Lustful Wishes */
--color-5: #c2ecbc; /* Lime Dream */
}Other schemes from Pink Punk
- Pink Punk Complementary Color Scheme#D983BD#EFC6E1#8FD89F#48C072#D1F0DD
- Pink Punk Analogous Color Scheme#8A83DA#C687D6#D983BD#D98695#DE9F83
- Pink Punk Triadic Color Scheme#D983BD#B9D786#82BADF#EECEE6#9BCA47
- Pink Punk Tetradic Color Scheme#D983BD#DACD81#8FD89F#8596D2#EECEE6
- Pink Punk Monochromatic Color Scheme#90306A#CC4499#D983BD#EEBBDD#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 Pink Punk?
In a split-complementary scheme: Celery Sprig (#9ED686), Mintos (#80D9CC), Lustful Wishes (#CC4499), Lime Dream (#C2ECBC).
What is the hex code of Pink Punk?
#D983BD.