launchshots / colors / powder blue

Powder Blue

Symbolizes calm, softness, and serenity.
#B0E0E6

Color codes

click to copy
HEX
#B0E0E6
click to copy
RGB
176, 224, 230
click to copy
HSL
187°, 52%, 80%
click to copy
CMYK
23%, 3%, 0%, 10%

Tints & shades

Tints — lighter
#B0E0E6
#BDE5EA
#CAEAEE
#D8F0F3
#E5F5F7
#F2FAFB
Shades — darker
#B0E0E6
#93BBC0
#759599
#587073
#3B4B4D
#1D2526
Hues — around the wheel
#B1E0E7
#B1B3E7
#DDB1E7
#E7B1C3
#E7CDB1
#D3E7B1
#B1E7BD
Tones — toward gray
#B0E0E6
#A9D2D7
#A2C5C9
#9BB7BA
#95A9AC
#8E9B9D
#878E8F
Temperatures — warm to cool
#B3EBAD
#ADEBC1
#ADEBD9
#ADE3EB
#ADCBEB
#ADB3EB
#C1ADEB

Palettes & harmonies

Complementary
#B0E0E6
#E7B8B1
Analogous
#B0E0E6
#B1C6E7
#B1E7D2
Triadic
#B0E0E6
#E7B1E0
#E0E7B1
Split complementary
#B0E0E6
#E7B1C6
#E7D2B1
Square
#B0E0E6
#D2B1E7
#E7B8B1
#C6E7B1
Monochromatic
#B0E0E6
#6CC5D0
#9AD7DF
#C9EAEE
#E0F3F5
#E0F3F5

Color contrast

Here's how text looks on powder blue versus the color as text — a quick legibility check before you use it behind captions.

Hello World
Hello World
Hello World

At this lightness, powder blue pairs best with dark or black text for readable captions.

What Powder Blue means

Powder Blue is associated with calm, softness, and serenity. In design and branding, it's chosen to evoke exactly these qualities — which is why the color behind an app's screenshots and store presence does so much quiet work before anyone reads a word.

As a moderately saturated, light, cool color (HSL 187°, 52%, 80%), powder blue reads as calm and composed. That temperature matters in design: cool tones recede and feel trustworthy and serene, which is worth keeping in mind when you decide what role this color plays in your layout.

Color psychology of Powder Blue

Colors shape how people feel before they consciously register why. Powder Blue, with its associations of calm, softness, and serenity, sends a specific signal — and using it deliberately means matching that signal to your product. A meditation app and a finance app both benefit from intentional color, but rarely the same one. The question isn't whether powder blue is "good," but whether the feeling it carries matches the story you want your app to tell.

Using Powder Blue in app screenshots & UI

If you're designing App Store or Google Play screenshots, powder blue works as a background or accent when it fits your brand's personality. A few practical notes:

Try Powder Blue in your screenshots

Use this exact color as a background or accent in your App Store & Google Play screenshots — free, in your browser, no signup.

Open the screenshot editor →

FAQ

What does the color Powder Blue symbolize?
Powder Blue is associated with calm, softness, and serenity.
What is the hex code for Powder Blue?
#B0E0E6 — RGB 176, 224, 230, HSL 187°, 52%, 80%, CMYK 23%, 3%, 0%, 10%.
What colors go well with Powder Blue?
Its complementary color is #E7B8B1. For softer pairings, try the analogous colors #B1C6E7 and #B1E7D2, or build a monochromatic set from its tints and shades above.
Is Powder Blue a warm or cool color?
Powder Blue is a cool color. Cool colors feel calm and recede into the background.
What text color is readable on Powder Blue?
Use dark or black text on a powder blue background for the best contrast and legibility.
Is Powder Blue good for app screenshots?
It can be, if it matches your brand. Use it consistently, keep captions high-contrast, and test how it looks at small thumbnail sizes in search results.

Related colors

copied