Bubblegum Beam Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Bubblegum Beam (#F887C7), each snapped to its nearest named color.
#F887C7
#90EE90
#88FFEE
#E936A7
#CCFFCC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Bubblegum Beam | #F887C7 | 248, 135, 199 | 326°, 89%, 75% | 0, 46, 20, 3 | |
| Ulva Lactuca Green | #90EE90 | 144, 238, 144 | 120°, 73%, 75% | 39, 0, 39, 7 | |
| Defence Matrix | #88FFEE | 136, 255, 238 | 171°, 100%, 77% | 47, 0, 7, 0 | |
| Pink Bite | #E936A7 | 233, 54, 167 | 322°, 80%, 56% | 0, 77, 28, 9 | |
| Distilled Moss | #CCFFCC | 204, 255, 204 | 120°, 100%, 90% | 20, 0, 20, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E936A7 on #CCFFCC | 3.38:1 | AA large |
| Aa #88FFEE on #E936A7 | 3.17:1 | AA large |
| Aa #90EE90 on #E936A7 | 2.67:1 | — |
| Aa #F887C7 on #CCFFCC | 2.02:1 | — |
| Aa #F887C7 on #88FFEE | 1.89:1 | — |
| Aa #F887C7 on #E936A7 | 1.67:1 | — |
CSS variables
:root {
--color-1: #f887c7; /* Bubblegum Beam */
--color-2: #90ee90; /* Ulva Lactuca Green */
--color-3: #88ffee; /* Defence Matrix */
--color-4: #e936a7; /* Pink Bite */
--color-5: #ccffcc; /* Distilled Moss */
}Other schemes from Bubblegum Beam
- Bubblegum Beam Complementary Color Scheme#F887C7#FFDDEE#80F9AD#2AF589#E6FDF1
- Bubblegum Beam Analogous Color Scheme#BB88FF#EB84F5#F887C7#FF878D#F6B98A
- Bubblegum Beam Triadic Color Scheme#F887C7#C0FA8B#82CAFC#FFE8F4#A7F432
- Bubblegum Beam Tetradic Color Scheme#F887C7#FFEE88#80F9AD#8B88F8#FFE8F4
- Bubblegum Beam Monochromatic Color Scheme#DD1188#E936A7#F887C7#F8D0E8#FFE8F4
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 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 Beam?
In a split-complementary scheme: Ulva Lactuca Green (#90EE90), Defence Matrix (#88FFEE), Pink Bite (#E936A7), Distilled Moss (#CCFFCC).
What is the hex code of Bubblegum Beam?
#F887C7.