Bubblegum Heart Complementary Color Scheme
Five colors arranged by the complementary rule around Bubblegum Heart (#FFBADF), each snapped to its nearest named color.
#FFBADF
#FFE6F1
#B8F8D8
#6BFFB3
#E6FDF1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Bubblegum Heart | #FFBADF | 255, 186, 223 | 328°, 100%, 86% | 0, 27, 13, 0 | |
| Cherubic | #FFE6F1 | 255, 230, 241 | 334°, 100%, 95% | 0, 10, 5, 0 | |
| Seafair Green | #B8F8D8 | 184, 248, 216 | 150°, 82%, 85% | 26, 0, 13, 3 | |
| Venice Green | #6BFFB3 | 107, 255, 179 | 149°, 100%, 71% | 58, 0, 30, 0 | |
| Mint Chiffon | #E6FDF1 | 230, 253, 241 | 149°, 85%, 95% | 9, 0, 5, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFBADF on #E6FDF1 | 1.48:1 | — |
| Aa #FFBADF on #FFE6F1 | 1.34:1 | — |
| Aa #FFBADF on #B8F8D8 | 1.31:1 | — |
| Aa #FFBADF on #6BFFB3 | 1.24:1 | — |
| Aa #6BFFB3 on #E6FDF1 | 1.19:1 | — |
| Aa #B8F8D8 on #E6FDF1 | 1.13:1 | — |
CSS variables
:root {
--color-1: #ffbadf; /* Bubblegum Heart */
--color-2: #ffe6f1; /* Cherubic */
--color-3: #b8f8d8; /* Seafair Green */
--color-4: #6bffb3; /* Venice Green */
--color-5: #e6fdf1; /* Mint Chiffon */
}Other schemes from Bubblegum Heart
- Bubblegum Heart Analogous Color Scheme#DDBBFF#FFBBFF#FFBADF#FFBBBB#FFDAB9
- Bubblegum Heart Triadic Color Scheme#FFBADF#D1FFBD#BCDFFF#FFE6F1#BEFD73
- Bubblegum Heart Split-complementary Color Scheme#FFBADF#BEFDB7#BBFFFF#FF6CB5#E7FBEC
- Bubblegum Heart Tetradic Color Scheme#FFBADF#FFFFBB#B8F8D8#BBBBFF#FFE6F1
- Bubblegum Heart Monochromatic Color Scheme#FF2288#FF6CB5#FFBADF#FFE6F1#FFE6F1
More Very Light Pink complementary palettes
- Antarctic Love Complementary Color Scheme#EDDEE6#F8EEF4#DEEDE4#ACD0BB#EFF5F1
- Baby Pink Complementary Color Scheme#FFB7CE#FFE5ED#B8FFEB#73FCD6#EBFCF5
- Ballerina Complementary Color Scheme#F2CFDC#F8EAED#CEF2E4#8FE0C6#E9F9F5
- Berries N’ Cream Complementary Color Scheme#F2B8CA#F8EAED#B0EEE2#7EF4CC#EBFCF5
- Berry Butter Complementary Color Scheme#EFCEDC#F8EEF4#CFEEE1#95DABD#E9F9F5
- Blackberry Yoghurt Complementary Color Scheme#E5BDDF#F8EEF4#BDE1C4#86C994#EBF8EF
- Bride Complementary Color Scheme#EFE7EB#F5F0F1#E6F0EA#B6D3C5#EFF5F1
- Bubble Bath Complementary Color Scheme#E8E0E9#F6F1F4#DFEBDD#B1CDAC#EFF5F1
- Bubblegum Crisis Complementary Color Scheme#EECCEE#FCEBFA#CCEECC#98D98E#EBF8EF
- Bunny Tail Complementary Color Scheme#FFE3F4#FFE3F4#E6FDF1#96FBC4#E6FDF1
- Candy Bar Complementary Color Scheme#FFB7D5#FFE5EF#B8FFEB#7BFDC7#E6FDF1
- Candy Dreams Complementary Color Scheme#E9AEF2#F8EBFC#BCECAC#64EB65#EBFCEC
Questions
What colors go with Bubblegum Heart?
In a complementary scheme: Cherubic (#FFE6F1), Seafair Green (#B8F8D8), Venice Green (#6BFFB3), Mint Chiffon (#E6FDF1).
What is the hex code of Bubblegum Heart?
#FFBADF.