Huebook

Bubblegum Heart Analogous Color Scheme

Five colors arranged by the analogous rule around Bubblegum Heart (#FFBADF), each snapped to its nearest named color.

#DDBBFF
#FFBBFF
#FFBADF
#FFBBBB
#FFDAB9

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Lavender Fragrance#DDBBFF221, 187, 255270°, 100%, 87%13, 27, 0, 084.4% 0.099 307
Distilled Rose#FFBBFF255, 187, 255300°, 100%, 87%0, 27, 0, 087.6% 0.117 327
Bubblegum Heart#FFBADF255, 186, 223328°, 100%, 86%0, 27, 13, 086.3% 0.092 346
Hard Candy#FFBBBB255, 187, 1870°, 100%, 87%0, 27, 27, 085.5% 0.079 19
Peach Puff#FFDAB9255, 218, 18528°, 100%, 86%0, 15, 27, 091.1% 0.060 64

Which pairs work for text

Text on backgroundContrastWCAG
Aa #DDBBFF on #FFDAB91.27:1—
Aa #FFBBBB on #FFDAB91.22:1—
Aa #FFBADF on #FFDAB91.20:1—
Aa #FFBBFF on #FFDAB91.16:1—
Aa #DDBBFF on #FFBBFF1.09:1—
Aa #DDBBFF on #FFBADF1.06:1—

CSS variables

:root {
  --color-1: #ddbbff; /* Lavender Fragrance */
  --color-2: #ffbbff; /* Distilled Rose */
  --color-3: #ffbadf; /* Bubblegum Heart */
  --color-4: #ffbbbb; /* Hard Candy */
  --color-5: #ffdab9; /* Peach Puff */
}

Other schemes from Bubblegum Heart

More very light pink analogous color schemes

Questions

What colors go with Bubblegum Heart?

In a analogous scheme: Lavender Fragrance (#DDBBFF), Distilled Rose (#FFBBFF), Hard Candy (#FFBBBB), Peach Puff (#FFDAB9).

What is the hex code of Bubblegum Heart?

#FFBADF.