Bubblegum Baby Girl Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Bubblegum Baby Girl (#CC55EE), each snapped to its nearest named color.
#CC55EE
#D1F358
#4CFF7B
#B80CE3
#D8F19C
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Bubblegum Baby Girl | #CC55EE | 204, 85, 238 | 287°, 82%, 63% | 14, 64, 0, 7 | |
| Ultra Moss | #D1F358 | 209, 243, 88 | 73°, 87%, 65% | 14, 0, 64, 5 | |
| Experimintal Green | #4CFF7B | 76, 255, 123 | 136°, 100%, 65% | 70, 0, 52, 0 | |
| Vivid Mulberry | #B80CE3 | 184, 12, 227 | 288°, 90%, 47% | 19, 95, 0, 11 | |
| Creamy Avocado | #D8F19C | 216, 241, 156 | 78°, 75%, 78% | 10, 0, 35, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B80CE3 on #D8F19C | 4.04:1 | AA large |
| Aa #D1F358 on #B80CE3 | 3.97:1 | AA large |
| Aa #4CFF7B on #B80CE3 | 3.79:1 | AA large |
| Aa #CC55EE on #D8F19C | 2.78:1 | — |
| Aa #CC55EE on #D1F358 | 2.73:1 | — |
| Aa #CC55EE on #4CFF7B | 2.61:1 | — |
CSS variables
:root {
--color-1: #cc55ee; /* Bubblegum Baby Girl */
--color-2: #d1f358; /* Ultra Moss */
--color-3: #4cff7b; /* Experimintal Green */
--color-4: #b80ce3; /* Vivid Mulberry */
--color-5: #d8f19c; /* Creamy Avocado */
}Other schemes from Bubblegum Baby Girl
- Bubblegum Baby Girl Complementary Color Scheme#CC55EE#E9AEF2#70F15E#4BEC13#C7FDB5
- Bubblegum Baby Girl Analogous Color Scheme#5577EE#8756E4#CC55EE#EE55CC#EE5577
- Bubblegum Baby Girl Triadic Color Scheme#CC55EE#EECC55#45E9C1#E9AEF2#E2B31B
- Bubblegum Baby Girl Tetradic Color Scheme#CC55EE#EE7C54#70F15E#4EC0ED#E9AEF2
- Bubblegum Baby Girl Monochromatic Color Scheme#720B98#B80CE3#CC55EE#EA9FF6#F6E5F6
More Light Purple split-complementary palettes
- Amethyst Split-complementary Color Scheme#9966CC#D5CE69#62C46C#7737AA#DCDF9D
- Dream Vapour Split-complementary Color Scheme#CC99EE#E5E999#99EEAA#A552E6#F8F6DA
- Dreamy Candy Forest Split-complementary Color Scheme#B195E4#E1D792#A3E493#8659C2#F4F0D2
- Enchanted Lavender Split-complementary Color Scheme#BFA3D9#D9D7A1#A0D9A3#9470C4#F0F0D9
- Enchanted Lilac Split-complementary Color Scheme#A893C1#C2BC90#96C193#9264A2#DEDBC4
- Fake Love Split-complementary Color Scheme#CC77EE#DAEA6F#7BE892#BF36E0#F0F5BB
- Flaming Flamingo Split-complementary Color Scheme#DD55FF#CDFA56#58F898#CD00FE#EEFFA9
- Flamingo Queen Split-complementary Color Scheme#CC33FF#C8FD3D#33EE66#B80CE3#C4FE82
- Fleur-De-Lis Split-complementary Color Scheme#B090C7#C8C48F#86C994#8D5EB7#DBE0C4
- Fog Syringa Split-complementary Color Scheme#C4BAD2#D3D1B9#BAD2B8#9F86B7#F2F0E8
- Illicit Purple Split-complementary Color Scheme#BF77F6#ECF474#64E986#9437FF#FDFCBF
- Lavender Split-complementary Color Scheme#B56EDC#C7DC68#77DD77#9632CE#E3EBAE
Questions
What colors go with Bubblegum Baby Girl?
In a split-complementary scheme: Ultra Moss (#D1F358), Experimintal Green (#4CFF7B), Vivid Mulberry (#B80CE3), Creamy Avocado (#D8F19C).
What is the hex code of Bubblegum Baby Girl?
#CC55EE.