Bubblegum Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Bubblegum (#FF85FF), each snapped to its nearest named color.
#FF85FF
#C4FE82
#88FFCC
#FF33FF
#EEFFCC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Bubblegum | #FF85FF | 255, 133, 255 | 300°, 100%, 76% | 0, 48, 0, 0 | |
| Green Incandescence | #C4FE82 | 196, 254, 130 | 88°, 98%, 75% | 23, 0, 49, 0 | |
| A State of Mint | #88FFCC | 136, 255, 204 | 154°, 100%, 77% | 47, 0, 20, 0 | |
| Pink Overflow | #FF33FF | 255, 51, 255 | 300°, 100%, 60% | 0, 80, 0, 0 | |
| Snowdrop | #EEFFCC | 238, 255, 204 | 80°, 100%, 90% | 7, 0, 20, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF33FF on #EEFFCC | 2.76:1 | — |
| Aa #C4FE82 on #FF33FF | 2.49:1 | — |
| Aa #88FFCC on #FF33FF | 2.40:1 | — |
| Aa #FF85FF on #EEFFCC | 1.97:1 | — |
| Aa #FF85FF on #C4FE82 | 1.78:1 | — |
| Aa #FF85FF on #88FFCC | 1.71:1 | — |
CSS variables
:root {
--color-1: #ff85ff; /* Bubblegum */
--color-2: #c4fe82; /* Green Incandescence */
--color-3: #88ffcc; /* A State of Mint */
--color-4: #ff33ff; /* Pink Overflow */
--color-5: #eeffcc; /* Snowdrop */
}Other schemes from Bubblegum
- Bubblegum Complementary Color Scheme#FF85FF#FFE0F5#94FF94#26FF2A#E7FBEC
- Bubblegum Analogous Color Scheme#8080FF#CA84FC#FF85FF#FD82C3#FF8888
- Bubblegum Triadic Color Scheme#FF85FF#FFFF84#88FFFF#FFEBFE#FDFF38
- Bubblegum Tetradic Color Scheme#FF85FF#FFC283#94FF94#82CAFC#FFEBFE
- Bubblegum Monochromatic Color Scheme#EE00EE#FF33FF#FF85FF#FED0FC#FFEBFE
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 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
- Death of a Star Split-complementary Color Scheme#E760D2#9AF764#66EEBB#D521B8#BCF5A6
Questions
What colors go with Bubblegum?
In a split-complementary scheme: Green Incandescence (#C4FE82), A State of Mint (#88FFCC), Pink Overflow (#FF33FF), Snowdrop (#EEFFCC).
What is the hex code of Bubblegum?
#FF85FF.