Huebook

Pastel Blue Analogous Color Scheme

Five colors arranged by the analogous rule around Pastel Blue (#A2BFFE), each snapped to its nearest named color.

#AAFFEE
#AAEEFF
#A2BFFE
#AAAAFF
#EEAAFF

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Blister Pearl#AAFFEE170, 255, 238168°, 100%, 83%33, 0, 7, 094.1% 0.086 180
Beyond the Clouds#AAEEFF170, 238, 255192°, 100%, 83%33, 7, 0, 091.0% 0.071 215
Pastel Blue#A2BFFE162, 191, 254221°, 98%, 82%36, 25, 0, 080.6% 0.095 265
Shy Moment#AAAAFF170, 170, 255240°, 100%, 83%33, 33, 0, 077.1% 0.121 283
Pink Sugar#EEAAFF238, 170, 255288°, 100%, 83%7, 33, 0, 083.1% 0.136 319

Which pairs work for text

Text on backgroundContrastWCAG
Aa #AAFFEE on #AAAAFF1.84:1—
Aa #AAEEFF on #AAAAFF1.65:1—
Aa #AAFFEE on #A2BFFE1.60:1—
Aa #AAFFEE on #EEAAFF1.54:1—
Aa #AAEEFF on #A2BFFE1.43:1—
Aa #AAEEFF on #EEAAFF1.38:1—

CSS variables

:root {
  --color-1: #aaffee; /* Blister Pearl */
  --color-2: #aaeeff; /* Beyond the Clouds */
  --color-3: #a2bffe; /* Pastel Blue */
  --color-4: #aaaaff; /* Shy Moment */
  --color-5: #eeaaff; /* Pink Sugar */
}

Other schemes from Pastel Blue

More very light blue analogous color schemes

Questions

What colors go with Pastel Blue?

In a analogous scheme: Blister Pearl (#AAFFEE), Beyond the Clouds (#AAEEFF), Shy Moment (#AAAAFF), Pink Sugar (#EEAAFF).

What is the hex code of Pastel Blue?

#A2BFFE.