Bubblegum Beam Complementary Color Scheme
Five colors arranged by the complementary rule around Bubblegum Beam (#F887C7), each snapped to its nearest named color.
#F887C7
#FFDDEE
#80F9AD
#2AF589
#E6FDF1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Bubblegum Beam | #F887C7 | 248, 135, 199 | 326°, 89%, 75% | 0, 46, 20, 3 | |
| Transparent Pink | #FFDDEE | 255, 221, 238 | 330°, 100%, 93% | 0, 13, 7, 0 | |
| Esper’s Fungus Green | #80F9AD | 128, 249, 173 | 142°, 91%, 74% | 49, 0, 31, 2 | |
| Emerald Ice Palace | #2AF589 | 42, 245, 137 | 148°, 91%, 56% | 83, 0, 44, 4 | |
| Mint Chiffon | #E6FDF1 | 230, 253, 241 | 149°, 85%, 95% | 9, 0, 5, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F887C7 on #E6FDF1 | 2.12:1 | — |
| Aa #F887C7 on #FFDDEE | 1.81:1 | — |
| Aa #F887C7 on #80F9AD | 1.73:1 | — |
| Aa #F887C7 on #2AF589 | 1.56:1 | — |
| Aa #2AF589 on #E6FDF1 | 1.36:1 | — |
| Aa #80F9AD on #E6FDF1 | 1.22:1 | — |
CSS variables
:root {
--color-1: #f887c7; /* Bubblegum Beam */
--color-2: #ffddee; /* Transparent Pink */
--color-3: #80f9ad; /* Esper’s Fungus Green */
--color-4: #2af589; /* Emerald Ice Palace */
--color-5: #e6fdf1; /* Mint Chiffon */
}Other schemes from Bubblegum Beam
- Bubblegum Beam Analogous Color Scheme#BB88FF#EB84F5#F887C7#FF878D#F6B98A
- Bubblegum Beam Triadic Color Scheme#F887C7#C0FA8B#82CAFC#FFE8F4#A7F432
- Bubblegum Beam Split-complementary Color Scheme#F887C7#90EE90#88FFEE#E936A7#CCFFCC
- Bubblegum Beam Tetradic Color Scheme#F887C7#FFEE88#80F9AD#8B88F8#FFE8F4
- Bubblegum Beam Monochromatic Color Scheme#DD1188#E936A7#F887C7#F8D0E8#FFE8F4
More Light Pink complementary palettes
- Always Rosey Complementary Color Scheme#E79DB3#FBE5EA#9CE5D6#68DFBB#E9F9F5
- Atomic Pink Complementary Color Scheme#FB7EFD#FFDDFF#8CFD7E#26FF2A#E1F8E7
- Avant-Garde Pink Complementary Color Scheme#FF77EE#FED0FC#7BE892#2DFE54#DFFAE1
- Barbiecore Complementary Color Scheme#E15ACB#F2ABE1#4CFF7B#31D652#B8F8B8
- Blush d’Amour Complementary Color Scheme#DE5D83#EFA7BF#5FD1BA#33CC99#B6ECDE
- Blushing Sky Complementary Color Scheme#D9B1D6#F8EEF4#B1D4B7#7EC083#EBF8EF
- Bubblegum Complementary Color Scheme#FF85FF#FFE0F5#94FF94#26FF2A#E7FBEC
- Bubblegum Kisses Complementary Color Scheme#F092D6#FFE3F4#99EEAA#4CFF7B#EBFCEC
- Candy Floss Complementary Color Scheme#E8A7E2#FCEBFA#AAEEAA#77DD77#EBFCEC
- Candy Pink Complementary Color Scheme#FF63E9#FFBBEE#73FA79#16F12D#CCFFCC
- Classy Mauve Complementary Color Scheme#BB99AA#E4CFD7#8EBBAC#64A281#D3E7DC
- Death of a Star Complementary Color Scheme#E760D2#EDABE6#64EB65#3BDE39#B8EBC5
Questions
What colors go with Bubblegum Beam?
In a complementary scheme: Transparent Pink (#FFDDEE), Esper’s Fungus Green (#80F9AD), Emerald Ice Palace (#2AF589), Mint Chiffon (#E6FDF1).
What is the hex code of Bubblegum Beam?
#F887C7.