Pop That Gum Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Pop That Gum (#F771B3), each snapped to its nearest named color.
#F771B3
#73FA79
#73FDFF
#F42C93
#B8F8B8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Pop That Gum | #F771B3 | 247, 113, 179 | 330°, 89%, 71% | 0, 54, 28, 3 | 72.7% 0.178 352 | |
| Flora | #73FA79 | 115, 250, 121 | 123°, 93%, 72% | 54, 0, 52, 2 | 88.1% 0.208 144 | |
| Ancient Ice | #73FDFF | 115, 253, 255 | 181°, 100%, 73% | 55, 1, 0, 0 | 91.9% 0.120 197 | |
| Prickly Pink | #F42C93 | 244, 44, 147 | 329°, 90%, 56% | 0, 82, 40, 4 | 64.6% 0.242 356 | |
| Spring Slumber Green | #B8F8B8 | 184, 248, 184 | 120°, 82%, 85% | 26, 0, 26, 3 | 92.0% 0.107 145 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #73FDFF on #F42C93 | 3.06:1 | AA large |
| Aa #F42C93 on #B8F8B8 | 3.05:1 | AA large |
| Aa #73FA79 on #F42C93 | 2.79:1 | — |
| Aa #F771B3 on #73FDFF | 2.16:1 | — |
| Aa #F771B3 on #B8F8B8 | 2.15:1 | — |
| Aa #F771B3 on #73FA79 | 1.97:1 | — |
CSS variables
:root {
--color-1: #f771b3; /* Pop That Gum */
--color-2: #73fa79; /* Flora */
--color-3: #73fdff; /* Ancient Ice */
--color-4: #f42c93; /* Prickly Pink */
--color-5: #b8f8b8; /* Spring Slumber Green */
}Other schemes from Pop That Gum
- Pop That Gum Complementary Color Scheme#F771B3#FDC5E3#6BFFB3#2AF589#D0F7E4
- Pop That Gum Analogous Color Scheme#B36FF6#F878F8#F771B3#F97272#F7B572
- Pop That Gum Triadic Color Scheme#F771B3#A9F971#77B5FE#FED3E4#88EE22
- Pop That Gum Tetradic Color Scheme#F771B3#F6F677#6BFFB3#6A79F7#FED3E4
- Pop That Gum Monochromatic Color Scheme#CC1166#F42C93#F771B3#FFBCD9#FFE6F1
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 Pop That Gum?
In a split-complementary scheme: Flora (#73FA79), Ancient Ice (#73FDFF), Prickly Pink (#F42C93), Spring Slumber Green (#B8F8B8).
What is the hex code of Pop That Gum?
#F771B3.