Super Pink Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Super Pink (#CE6BA6), each snapped to its nearest named color.
#CE6BA6
#7CCA6B
#6BCCC1
#A53783
#A8E4A0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Super Pink | #CE6BA6 | 206, 107, 166 | 324°, 50%, 61% | 0, 48, 19, 19 | |
| Energise | #7CCA6B | 124, 202, 107 | 109°, 47%, 61% | 39, 0, 47, 21 | |
| Skylar | #6BCCC1 | 107, 204, 193 | 173°, 49%, 61% | 48, 0, 5, 20 | |
| Wild Aster | #A53783 | 165, 55, 131 | 319°, 50%, 43% | 0, 67, 21, 35 | |
| Grape Green | #A8E4A0 | 168, 228, 160 | 113°, 56%, 76% | 26, 0, 30, 11 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A53783 on #A8E4A0 | 4.11:1 | AA large |
| Aa #6BCCC1 on #A53783 | 3.18:1 | AA large |
| Aa #7CCA6B on #A53783 | 3.03:1 | AA large |
| Aa #CE6BA6 on #A8E4A0 | 2.27:1 | — |
| Aa #CE6BA6 on #A53783 | 1.81:1 | — |
| Aa #CE6BA6 on #6BCCC1 | 1.76:1 | — |
CSS variables
:root {
--color-1: #ce6ba6; /* Super Pink */
--color-2: #7cca6b; /* Energise */
--color-3: #6bccc1; /* Skylar */
--color-4: #a53783; /* Wild Aster */
--color-5: #a8e4a0; /* Grape Green */
}Other schemes from Super Pink
- Super Pink Complementary Color Scheme#CE6BA6#E7B2D0#65CE95#3EB370#B6E9C8
- Super Pink Analogous Color Scheme#9966CC#C364C5#CE6BA6#D16D76#CC926C
- Super Pink Triadic Color Scheme#CE6BA6#A5CB66#71A6D2#E7BCD4#86AF38
- Super Pink Tetradic Color Scheme#CE6BA6#CAC76D#65CE95#6F6ED1#E7BCD4
- Super Pink Monochromatic Color Scheme#762A54#A53783#CE6BA6#E5A3C5#F1DFE9
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 Super Pink?
In a split-complementary scheme: Energise (#7CCA6B), Skylar (#6BCCC1), Wild Aster (#A53783), Grape Green (#A8E4A0).
What is the hex code of Super Pink?
#CE6BA6.