Think Pink Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Think Pink (#E5A5C1), each snapped to its nearest named color.
#E5A5C1
#A8E4A0
#A6E3E0
#CC6699
#E2F5E1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Think Pink | #E5A5C1 | 229, 165, 193 | 334°, 55%, 77% | 0, 28, 16, 10 | |
| Grape Green | #A8E4A0 | 168, 228, 160 | 113°, 56%, 76% | 26, 0, 30, 11 | |
| Ice Crystal Blue | #A6E3E0 | 166, 227, 224 | 177°, 52%, 77% | 27, 0, 1, 11 | |
| Nocturnal Rose | #CC6699 | 204, 102, 153 | 330°, 50%, 60% | 0, 50, 25, 20 | |
| Friendly Basilisk | #E2F5E1 | 226, 245, 225 | 117°, 50%, 92% | 8, 0, 8, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CC6699 on #E2F5E1 | 3.10:1 | AA large |
| Aa #A6E3E0 on #CC6699 | 2.48:1 | — |
| Aa #A8E4A0 on #CC6699 | 2.41:1 | — |
| Aa #E5A5C1 on #CC6699 | 1.77:1 | — |
| Aa #E5A5C1 on #E2F5E1 | 1.75:1 | — |
| Aa #E5A5C1 on #A6E3E0 | 1.40:1 | — |
CSS variables
:root {
--color-1: #e5a5c1; /* Think Pink */
--color-2: #a8e4a0; /* Grape Green */
--color-3: #a6e3e0; /* Ice Crystal Blue */
--color-4: #cc6699; /* Nocturnal Rose */
--color-5: #e2f5e1; /* Friendly Basilisk */
}Other schemes from Think Pink
- Think Pink Complementary Color Scheme#E5A5C1#F6EBEE#A8E3CC#66CDAA#E9F9F5
- Think Pink Analogous Color Scheme#C2B2F0#E8A7E2#E5A5C1#E3A9A2#E6C9A4
- Think Pink Triadic Color Scheme#E5A5C1#C5E6A4#A7C2EB#F6EBEE#9CD572
- Think Pink Tetradic Color Scheme#E5A5C1#E5E7A7#A8E3CC#ACACE6#F6EBEE
- Think Pink Monochromatic Color Scheme#B9396E#CC6699#E5A5C1#F6E2EA#F6EBEE
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 Think Pink?
In a split-complementary scheme: Grape Green (#A8E4A0), Ice Crystal Blue (#A6E3E0), Nocturnal Rose (#CC6699), Friendly Basilisk (#E2F5E1).
What is the hex code of Think Pink?
#E5A5C1.