Bubblegum Heart Triadic Color Scheme
Five colors arranged by the triadic rule around Bubblegum Heart (#FFBADF), each snapped to its nearest named color.
#FFBADF
#D1FFBD
#BCDFFF
#FFE6F1
#BEFD73
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Bubblegum Heart | #FFBADF | 255, 186, 223 | 328°, 100%, 86% | 0, 27, 13, 0 | |
| Greedy Green | #D1FFBD | 209, 255, 189 | 102°, 100%, 87% | 18, 0, 26, 0 | |
| Dithered Sky | #BCDFFF | 188, 223, 255 | 209°, 100%, 87% | 26, 13, 0, 0 | |
| Cherubic | #FFE6F1 | 255, 230, 241 | 334°, 100%, 95% | 0, 10, 5, 0 | |
| Lime Lightning | #BEFD73 | 190, 253, 115 | 87°, 97%, 72% | 25, 0, 55, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFBADF on #D1FFBD | 1.41:1 | — |
| Aa #FFBADF on #FFE6F1 | 1.34:1 | — |
| Aa #FFBADF on #BEFD73 | 1.31:1 | — |
| Aa #D1FFBD on #BCDFFF | 1.24:1 | — |
| Aa #BCDFFF on #FFE6F1 | 1.18:1 | — |
| Aa #BCDFFF on #BEFD73 | 1.16:1 | — |
CSS variables
:root {
--color-1: #ffbadf; /* Bubblegum Heart */
--color-2: #d1ffbd; /* Greedy Green */
--color-3: #bcdfff; /* Dithered Sky */
--color-4: #ffe6f1; /* Cherubic */
--color-5: #befd73; /* Lime Lightning */
}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 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 triadic palettes
- Antarctic Love Triadic Color Scheme#EDDEE6#E7EDDD#DEE6EC#F8EEF4#C0D2AD
- Baby Pink Triadic Color Scheme#FFB7CE#CFFDBC#B1D1FC#FFE5ED#9AF764
- Ballerina Triadic Color Scheme#F2CFDC#DAEFCE#D2DEF2#F8EAED#B2E191
- Berries N’ Cream Triadic Color Scheme#F2B8CA#CCEEBB#BBCFEF#F8EAED#9AE37D
- Berry Butter Triadic Color Scheme#EFCEDC#DAEFCE#CDDCED#F8EEF4#ABDF8F
- Blackberry Yoghurt Triadic Color Scheme#E5BDDF#DFE5BF#BBDEE5#F8EEF4#C4CD87
- Bride Triadic Color Scheme#EFE7EB#ECF0E5#E5EDF1#F5F0F1#C5D1B2
- Bubble Bath Triadic Color Scheme#E8E0E9#ECE9DD#DFEBE9#F6F1F4#CECBAE
- Bubblegum Crisis Triadic Color Scheme#EECCEE#EEEECC#CCEEEE#FCEBFA#DEDD98
- Bunny Tail Triadic Color Scheme#FFE3F4#F6FFE8#E8F5FC#FFE3F4#D8F19C
- Candy Bar Triadic Color Scheme#FFB7D5#D1FFBD#B1D1FC#FFE5EF#AEFD6C
- Candy Dreams Triadic Color Scheme#E9AEF2#F4E8B2#ABF5ED#F8EBFC#E9D66C
Questions
What colors go with Bubblegum Heart?
In a triadic scheme: Greedy Green (#D1FFBD), Dithered Sky (#BCDFFF), Cherubic (#FFE6F1), Lime Lightning (#BEFD73).
What is the hex code of Bubblegum Heart?
#FFBADF.