Huebook

Candy Bar Analogous Color Scheme

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

#E0B0FF
#F8B8F8
#FFB7D5
#FDBCB4
#FFE2B7

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Mauve#E0B0FF224, 176, 255276°, 100%, 85%12, 31, 0, 082.7% 0.119 312
Sweet Slumber Pink#F8B8F8248, 184, 248300°, 82%, 85%0, 26, 0, 386.1% 0.111 326
Candy Bar#FFB7D5255, 183, 213335°, 100%, 86%0, 28, 16, 085.5% 0.091 352
Melon Water#FDBCB4253, 188, 1807°, 95%, 85%0, 26, 29, 185.3% 0.076 27
Cookie#FFE2B7255, 226, 18336°, 100%, 86%0, 11, 28, 092.6% 0.064 78

Which pairs work for text

Text on backgroundContrastWCAG
Aa #E0B0FF on #FFE2B71.42:1—
Aa #FFB7D5 on #FFE2B71.29:1—
Aa #FDBCB4 on #FFE2B71.29:1—
Aa #F8B8F8 on #FFE2B71.27:1—
Aa #E0B0FF on #F8B8F81.12:1—
Aa #E0B0FF on #FDBCB41.10:1—

CSS variables

:root {
  --color-1: #e0b0ff; /* Mauve */
  --color-2: #f8b8f8; /* Sweet Slumber Pink */
  --color-3: #ffb7d5; /* Candy Bar */
  --color-4: #fdbcb4; /* Melon Water */
  --color-5: #ffe2b7; /* Cookie */
}

Other schemes from Candy Bar

More very light pink analogous color schemes

Questions

What colors go with Candy Bar?

In a analogous scheme: Mauve (#E0B0FF), Sweet Slumber Pink (#F8B8F8), Melon Water (#FDBCB4), Cookie (#FFE2B7).

What is the hex code of Candy Bar?

#FFB7D5.