Pinch Me Complementary Color Scheme
Five colors arranged by the complementary rule around Pinch Me (#C88CA4), each snapped to its nearest named color.
#C88CA4
#E4CCD4
#87C5AE
#58AC8F
#CFEBDE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pinch Me | #C88CA4 | 200, 140, 164 | 336°, 35%, 67% | 0, 30, 18, 22 | |
| Barely Berry | #E4CCD4 | 228, 204, 212 | 340°, 31%, 85% | 0, 11, 7, 11 | |
| Hellion Green | #87C5AE | 135, 197, 174 | 158°, 35%, 65% | 31, 0, 12, 23 | |
| O’grady Green | #58AC8F | 88, 172, 143 | 159°, 34%, 51% | 49, 0, 17, 33 | |
| Hatching Chameleon | #CFEBDE | 207, 235, 222 | 152°, 41%, 87% | 12, 0, 6, 8 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #58AC8F on #CFEBDE | 2.15:1 | — |
| Aa #C88CA4 on #CFEBDE | 2.14:1 | — |
| Aa #E4CCD4 on #58AC8F | 1.80:1 | — |
| Aa #C88CA4 on #E4CCD4 | 1.79:1 | — |
| Aa #87C5AE on #CFEBDE | 1.56:1 | — |
| Aa #87C5AE on #58AC8F | 1.38:1 | — |
CSS variables
:root {
--color-1: #c88ca4; /* Pinch Me */
--color-2: #e4ccd4; /* Barely Berry */
--color-3: #87c5ae; /* Hellion Green */
--color-4: #58ac8f; /* O’grady Green */
--color-5: #cfebde; /* Hatching Chameleon */
}Other schemes from Pinch Me
- Pinch Me Analogous Color Scheme#B090C7#C290C5#C88CA4#C99387#CBB08C
- Pinch Me Triadic Color Scheme#C88CA4#A4C48E#8CA8C6#E9D1DA#77AB56
- Pinch Me Split-complementary Color Scheme#C88CA4#86C994#90C0C9#AD5B78#C0E2C5
- Pinch Me Tetradic Color Scheme#C88CA4#C8CB8E#87C5AE#8D8DC9#E9D1DA
- Pinch Me Monochromatic Color Scheme#783F54#AD5B78#C88CA4#E2C3CF#F7EFEF
More Light Pink complementary palettes
- Always Rosey Complementary Color Scheme#E79DB3#FBE5EA#9CE5D6#68DFBB#E9F9F5
- Atomic Pink Complementary Color Scheme#FB7EFD#FFDDFF#8CFD7E#26FF2A#E1F8E7
- Avant-Garde Pink Complementary Color Scheme#FF77EE#FED0FC#7BE892#2DFE54#DFFAE1
- Barbiecore Complementary Color Scheme#E15ACB#F2ABE1#4CFF7B#31D652#B8F8B8
- Blush d’Amour Complementary Color Scheme#DE5D83#EFA7BF#5FD1BA#33CC99#B6ECDE
- Blushing Sky Complementary Color Scheme#D9B1D6#F8EEF4#B1D4B7#7EC083#EBF8EF
- Bubblegum Complementary Color Scheme#FF85FF#FFE0F5#94FF94#26FF2A#E7FBEC
- Bubblegum Beam Complementary Color Scheme#F887C7#FFDDEE#80F9AD#2AF589#E6FDF1
- Bubblegum Kisses Complementary Color Scheme#F092D6#FFE3F4#99EEAA#4CFF7B#EBFCEC
- Candy Floss Complementary Color Scheme#E8A7E2#FCEBFA#AAEEAA#77DD77#EBFCEC
- Candy Pink Complementary Color Scheme#FF63E9#FFBBEE#73FA79#16F12D#CCFFCC
- Classy Mauve Complementary Color Scheme#BB99AA#E4CFD7#8EBBAC#64A281#D3E7DC
Questions
What colors go with Pinch Me?
In a complementary scheme: Barely Berry (#E4CCD4), Hellion Green (#87C5AE), O’grady Green (#58AC8F), Hatching Chameleon (#CFEBDE).
What is the hex code of Pinch Me?
#C88CA4.