Skip to main content

Powder Blue (#B0E0E6)

Plain Powder Blue Background & Powder Blue Screen

Download a plain powder blue background or powder blue wallpaper (#B0E0E6, RGB(176, 224, 230)) as PNG, JPG or SVG in Full HD, 4K, phone or any size up to 8192 px (JPG up to 4096), or fill your whole screen with powder blue in one click.

As a full screen, a color like this works as a backdrop light for photos and video, or as a test color for a monitor. PNG and SVG keep the color exact, #B0E0E6 in every pixel. Free to use, no attribution needed.

Plain powder blue background, #B0E0E6, 1920×1080
Size
Format

powderblue-1920x1080.png

Color card: a 1200×630 PNG with the HEX and RGB values written on it.

Sized for social media: Instagram Story · Instagram Post · TikTok · YouTube Banner · YouTube Thumbnail · LinkedIn Banner · Facebook Cover · X (Twitter) Header · 1920×1080 · Phone Wallpaper

All Formats

HEX
#B0E0E6
RGB
rgb(176, 224, 230)
RGBA
rgba(176, 224, 230, 1)
HSL
hsl(186.67, 51.92%, 79.61%)

Color Palettes

Harmonious color combinations based on #B0E0E6

Monochromatic

Shades and tints of the same hue

#0C2427
#0C2427
#256B74
#256B74
#3DB2C2
#3DB2C2
#8BD1DA
#8BD1DA
#B0E0E6
#B0E0E6

Analogous

Adjacent colors on the color wheel

#B0E6B6
#B0E6B6
#B0E6D1
#B0E6D1
#B0E0E6
#B0E0E6
#B0C5E6
#B0C5E6
#B6B0E6
#B6B0E6

Complementary

Opposite color for maximum contrast

#B0E0E6
#B0E0E6
#E6B6B0
#E6B6B0

Triadic

Three evenly spaced colors

#B0E0E6
#B0E0E6
#E6B0E0
#E6B0E0
#E0E6B0
#E0E6B0

How Powder Blue looks with color blindness

Approximate simulation: the left half of each swatch is #B0E0E6, the right half is how it may look. Try a whole photo or your camera in the Color Blindness Simulator.

  • Deuteranomalygreen-weak at 60%, the most common#C9D8E6
  • Protanopiared-blind#DBDBE6
  • Deuteranopiagreen-blind#D3D3E7
  • Tritanopiablue-blind, rare#B3DEF0
  • Achromatopsiano color, very rare#D7D7D7

Closest Pantone® colors to #B0E0E6

Community-sourced approximations ranked by Delta E (CIEDE2000) — lower is closer. Not official Pantone® values. Search the full list in the Pantone® Color Finder.

CSS Usage Examples

Background

background-color: #B0E0E6;

Text

color: #B0E0E6;

Border

border: 2px solid #B0E0E6;

Shadow

box-shadow: 0 4px 6px #B0E0E640;