Huebook

Translucent Unicorn Analogous Color Scheme

Five colors arranged by the analogous rule around Translucent Unicorn (#FFEDEF), each snapped to its nearest named color.

#FFEBFE
#FFE3F4
#FFEDEF
#FFF0E3
#FFFCE4

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Fairy Bubblegum Cloud#FFEBFE255, 235, 254303°, 100%, 96%0, 8, 0, 096.1% 0.033 327
Bunny Tail#FFE3F4255, 227, 244324°, 100%, 95%0, 11, 4, 094.3% 0.038 341
Translucent Unicorn#FFEDEF255, 237, 239353°, 100%, 96%0, 7, 6, 096.1% 0.020 10
Rice Pudding#FFF0E3255, 240, 22728°, 100%, 95%0, 6, 11, 096.3% 0.024 63
Cuddly Yarn#FFFCE4255, 252, 22853°, 100%, 95%0, 1, 11, 098.7% 0.031 101

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FFE3F4 on #FFFCE41.16:1—
Aa #FFEBFE on #FFFCE41.09:1—
Aa #FFEDEF on #FFFCE41.09:1—
Aa #FFF0E3 on #FFFCE41.08:1—
Aa #FFE3F4 on #FFF0E31.07:1—
Aa #FFE3F4 on #FFEDEF1.06:1—

CSS variables

:root {
  --color-1: #ffebfe; /* Fairy Bubblegum Cloud */
  --color-2: #ffe3f4; /* Bunny Tail */
  --color-3: #ffedef; /* Translucent Unicorn */
  --color-4: #fff0e3; /* Rice Pudding */
  --color-5: #fffce4; /* Cuddly Yarn */
}

Other schemes from Translucent Unicorn

More very light red analogous color schemes

Questions

What colors go with Translucent Unicorn?

In a analogous scheme: Fairy Bubblegum Cloud (#FFEBFE), Bunny Tail (#FFE3F4), Rice Pudding (#FFF0E3), Cuddly Yarn (#FFFCE4).

What is the hex code of Translucent Unicorn?

#FFEDEF.