Bubblegum Heart Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Bubblegum Heart (#FFBADF), each snapped to its nearest named color.
#FFBADF
#BEFDB7
#BBFFFF
#FF6CB5
#E7FBEC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Bubblegum Heart | #FFBADF | 255, 186, 223 | 328°, 100%, 86% | 0, 27, 13, 0 | |
| Glow in the Dark | #BEFDB7 | 190, 253, 183 | 114°, 95%, 85% | 25, 0, 28, 1 | |
| The Big Freeze | #BBFFFF | 187, 255, 255 | 180°, 100%, 87% | 27, 0, 0, 0 | |
| Fěn Hóng Pink | #FF6CB5 | 255, 108, 181 | 330°, 100%, 71% | 0, 58, 29, 0 | |
| Winter Mist | #E7FBEC | 231, 251, 236 | 135°, 71%, 95% | 8, 0, 6, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF6CB5 on #E7FBEC | 2.41:1 | — |
| Aa #BBFFFF on #FF6CB5 | 2.34:1 | — |
| Aa #BEFDB7 on #FF6CB5 | 2.22:1 | — |
| Aa #FFBADF on #FF6CB5 | 1.65:1 | — |
| Aa #FFBADF on #E7FBEC | 1.45:1 | — |
| Aa #FFBADF on #BBFFFF | 1.41:1 | — |
CSS variables
:root {
--color-1: #ffbadf; /* Bubblegum Heart */
--color-2: #befdb7; /* Glow in the Dark */
--color-3: #bbffff; /* The Big Freeze */
--color-4: #ff6cb5; /* Fěn Hóng Pink */
--color-5: #e7fbec; /* Winter Mist */
}Other schemes from Bubblegum Heart
- Bubblegum Heart Complementary Color Scheme#FFBADF#FFE6F1#B8F8D8#6BFFB3#E6FDF1
- Bubblegum Heart Analogous Color Scheme#DDBBFF#FFBBFF#FFBADF#FFBBBB#FFDAB9
- Bubblegum Heart Triadic Color Scheme#FFBADF#D1FFBD#BCDFFF#FFE6F1#BEFD73
- Bubblegum Heart Tetradic Color Scheme#FFBADF#FFFFBB#B8F8D8#BBBBFF#FFE6F1
- Bubblegum Heart Monochromatic Color Scheme#FF2288#FF6CB5#FFBADF#FFE6F1#FFE6F1
More Very Light Pink split-complementary palettes
- Antarctic Love Split-complementary Color Scheme#EDDEE6#DDEEDD#DEEEED#CCACC1#EFF5F1
- Baby Pink Split-complementary Color Scheme#FFB7CE#BDFFCA#B9F2FF#FD6C9E#E7FBEC
- Ballerina Split-complementary Color Scheme#F2CFDC#C9F0D1#D0EFF3#E290B2#EBFCEC
- Berries N’ Cream Split-complementary Color Scheme#F2B8CA#B8EBC5#B8E4F5#EE7799#E7FBEC
- Berry Butter Split-complementary Color Scheme#EFCEDC#CAEDD0#CEEEEF#DD95B4#EBF8EF
- Blackberry Yoghurt Split-complementary Color Scheme#E5BDDF#C8E4B9#BFE4D4#C290C5#F2F8ED
- Bride Split-complementary Color Scheme#EFE7EB#E7F1E6#E6F1F1#D3B8C5#EFF5F1
- Bubble Bath Split-complementary Color Scheme#E8E0E9#E4ECDF#DDEBE3#C9AFD0#F4F4F0
- Bubblegum Crisis Split-complementary Color Scheme#EECCEE#DDEECC#D1EFDD#CC99DD#F1F9EC
- Bunny Tail Split-complementary Color Scheme#FFE3F4#E1F8E7#E0FEFE#FF99DD#EBFCEC
- Candy Bar Split-complementary Color Scheme#FFB7D5#B6FFBB#B2FCFF#FF69AF#E7FBEC
- Candy Dreams Split-complementary Color Scheme#E9AEF2#D9EEB4#ABEDC9#CC69E4#F6FCEB
Questions
What colors go with Bubblegum Heart?
In a split-complementary scheme: Glow in the Dark (#BEFDB7), The Big Freeze (#BBFFFF), Fěn Hóng Pink (#FF6CB5), Winter Mist (#E7FBEC).
What is the hex code of Bubblegum Heart?
#FFBADF.