Huebook

Pale Whale Analogous Color Scheme

Five colors arranged by the analogous rule around Pale Whale (#B6D3DF), each snapped to its nearest named color.

#B9DCC3
#B5DCD8
#B6D3DF
#B8BFDC
#C3B9DD

Color names and codes

NameHEXRGBHSLCMYK
Sprite Twist#B9DCC3185, 220, 195137°, 33%, 79%16, 0, 11, 14
Catch the Wave#B5DCD8181, 220, 216174°, 36%, 79%18, 0, 2, 14
Pale Whale#B6D3DF182, 211, 223198°, 39%, 79%18, 5, 0, 13
Stardust Evening#B8BFDC184, 191, 220228°, 34%, 79%16, 13, 0, 14
Melrose#C3B9DD195, 185, 221257°, 35%, 80%12, 16, 0, 13

Which pairs work for text

Text on backgroundContrastWCAG
Aa #B5DCD8 on #C3B9DD1.26:1—
Aa #B9DCC3 on #C3B9DD1.25:1—
Aa #B5DCD8 on #B8BFDC1.23:1—
Aa #B9DCC3 on #B8BFDC1.22:1—
Aa #B6D3DF on #C3B9DD1.18:1—
Aa #B6D3DF on #B8BFDC1.16:1—

CSS variables

:root {
  --color-1: #b9dcc3; /* Sprite Twist */
  --color-2: #b5dcd8; /* Catch the Wave */
  --color-3: #b6d3df; /* Pale Whale */
  --color-4: #b8bfdc; /* Stardust Evening */
  --color-5: #c3b9dd; /* Melrose */
}

Other schemes from Pale Whale

More Light Blue analogous palettes

Questions

What colors go with Pale Whale?

In a analogous scheme: Sprite Twist (#B9DCC3), Catch the Wave (#B5DCD8), Stardust Evening (#B8BFDC), Melrose (#C3B9DD).

What is the hex code of Pale Whale?

#B6D3DF.