Solid Light Blue Background #ADD8E6

Solid light blue background, hex #ADD8E6, 1920x1080 HD wallpaper

Copy CSS snippets

Ready to copy

Lightness: 79%

Saturation: 53%

Solid Light Blue background details

With hex #ADD8E6 (rgb(173, 216, 230)), this airy, high-key blue tone sits around 195° on the color wheel. Its balanced appearance reads as soft and airy on screen. Use the values and preview above to test it in the layout where it will actually appear.

The Quiet Reliability of Light Blue

As default choices go, light blue may be the most forgiving background on the web. At #ADD8E6 it is soft enough to sit behind hours of reading without fatigue, cool enough to make white cards and dark text feel crisp, and familiar enough that nobody ever questions why it was chosen. It simply works, quietly.

The subtle cyan lean separates it from powder blue's gentler gray cast and baby blue's stronger saturation. Reach for it in wellness apps, weather interfaces, and presentation backgrounds that need calm without gloom. In photography it doubles as an easy sky stand-in for product shots, giving objects a clean, open-air context at no cost.

A palette that works with Light Blue

Navy gives light blue the deep anchor it lacks on its own, white keeps everything airy, and peach puff adds a soft warm note like low sun against a morning sky.

Quick specs

HEX: #ADD8E6
RGB: rgb(173, 216, 230)
HSL: hsl(195, 53%, 79%)
Readable text: #111111

background-color: #ADD8E6;

Where Light Blue shines

Tech or finance dashboards that need a trustworthy base hue
Light Blue backdrops for travel, sky, or ocean-inspired campaigns
Presentation slides where cool tones keep focus on the data

Practical tips

Pair it with charcoal or #111111 text to maintain WCAG contrast (the Copy RGB/HEX buttons above make it easy to grab the exact values).
Use the adjustment sliders to nudge the hue when you need a complementary accent.
The download tool exports PNG/JPEG files up to 7680×7680, so you can drop the color straight into mockups or presentations.