Pinky Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Pinky (#FC86AA), each snapped to its nearest named color.
#FC86AA
#8CFF9E
#88EEFF
#EF347C
#CCFFDD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Pinky | #FC86AA | 252, 134, 170 | 342°, 95%, 76% | 0, 47, 33, 1 | 76.0% 0.148 2 | |
| Baby Green | #8CFF9E | 140, 255, 158 | 129°, 100%, 77% | 45, 0, 38, 0 | 90.8% 0.169 148 | |
| Photon Projector | #88EEFF | 136, 238, 255 | 189°, 100%, 77% | 47, 7, 0, 0 | 89.3% 0.098 209 | |
| Extra Fuchsia | #EF347C | 239, 52, 124 | 337°, 85%, 57% | 0, 78, 48, 6 | 63.5% 0.224 4 | |
| Mint Zest | #CCFFDD | 204, 255, 221 | 140°, 100%, 90% | 20, 0, 13, 0 | 95.6% 0.069 156 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EF347C on #CCFFDD | 3.47:1 | AA large |
| Aa #8CFF9E on #EF347C | 3.10:1 | AA large |
| Aa #88EEFF on #EF347C | 2.88:1 | — |
| Aa #FC86AA on #CCFFDD | 2.07:1 | — |
| Aa #FC86AA on #8CFF9E | 1.85:1 | — |
| Aa #FC86AA on #88EEFF | 1.72:1 | — |
CSS variables
:root {
--color-1: #fc86aa; /* Pinky */
--color-2: #8cff9e; /* Baby Green */
--color-3: #88eeff; /* Photon Projector */
--color-4: #ef347c; /* Extra Fuchsia */
--color-5: #ccffdd; /* Mint Zest */
}Other schemes from Pinky
- Pinky Complementary Color Scheme#FC86AA#FBE0E8#88FFDD#3AFDDB#EBFCF5
- Pinky Analogous Color Scheme#D783FF#F984E5#FC86AA#FD9B88#FDD685
- Pinky Triadic Color Scheme#FC86AA#B1FC99#8AADF7#FFE5ED#7FF23E
- Pinky Tetradic Color Scheme#FC86AA#E8F48C#88FFDD#8E82FE#FFE5ED
- Pinky Monochromatic Color Scheme#E10646#EF347C#FC86AA#FFD1DF#FFE5ED
More light pink split-complementary color schemes
- 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 Pinky?
In a split-complementary scheme: Baby Green (#8CFF9E), Photon Projector (#88EEFF), Extra Fuchsia (#EF347C), Mint Zest (#CCFFDD).
What is the hex code of Pinky?
#FC86AA.