Huebook

Candy Bar Tetradic Color Scheme

Five colors arranged by the tetradic rule around Candy Bar (#FFB7D5), each snapped to its nearest named color.

#FFB7D5
#FFFFB6
#B8FFEB
#B8B8FF
#FFE5EF

Color names and codes

NameHEXRGBHSLCMYK
Candy Bar#FFB7D5255, 183, 213335°, 100%, 86%0, 28, 16, 0
Crème#FFFFB6255, 255, 18260°, 100%, 86%0, 0, 29, 0
Peppermint Frosting#B8FFEB184, 255, 235163°, 100%, 86%28, 0, 8, 0
Greyish Lavender#B8B8FF184, 184, 255240°, 100%, 86%28, 28, 0, 0
Sweetly#FFE5EF255, 229, 239337°, 100%, 95%0, 10, 6, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FFFFB6 on #B8B8FF1.78:1—
Aa #B8FFEB on #B8B8FF1.64:1—
Aa #B8B8FF on #FFE5EF1.56:1—
Aa #FFB7D5 on #FFFFB61.56:1—
Aa #FFB7D5 on #B8FFEB1.43:1—
Aa #FFB7D5 on #FFE5EF1.36:1—

CSS variables

:root {
  --color-1: #ffb7d5; /* Candy Bar */
  --color-2: #ffffb6; /* Crème */
  --color-3: #b8ffeb; /* Peppermint Frosting */
  --color-4: #b8b8ff; /* Greyish Lavender */
  --color-5: #ffe5ef; /* Sweetly */
}

Other schemes from Candy Bar

More Very Light Pink tetradic palettes

Questions

What colors go with Candy Bar?

In a tetradic scheme: Crème (#FFFFB6), Peppermint Frosting (#B8FFEB), Greyish Lavender (#B8B8FF), Sweetly (#FFE5EF).

What is the hex code of Candy Bar?

#FFB7D5.