Light blue color

A soft, bright blue called lightblue in CSS. It's calm and clean. It's used for backgrounds, summer clothing and rooms that should feel more spacious.

Also known as: lightblue.

Light blue · #ADD8E6

About light blue

Light blue (#ADD8E6) is a cool, light, moderately saturated color. It belongs to the blues family. It mixes 173 red, 216 green and 230 blue (out of 255). It is mostly used in web, home decor, kids.

Light blue shades and tints

From lightest to darkest. Tap a shade to copy its code.

Light blue color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Baby pink

AnalogousClose to: Pastel turquoise, Pastel lilac

TriadicClose to: Lilac, Vanilla

Split complementaryClose to: Dusty pink, Wheat

TetradicClose to: Wisteria, Baby pink, Pistachio green

Light blue color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Light blue

Analogous palette · Light blue

Complementary palette · Light blue

Triadic palette · Light blue

With neutrals palette · Light blue

With an accent palette · Light blue

Light blue contrast with text

White textContrast 1.5:1 · Not recommended

Black textContrast 13.7:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --light-blue: #ADD8E6;
  --light-blue-rgb: 173, 216, 230;
}
.bg { background-color: var(--light-blue); }
.text { color: var(--light-blue); }

Colors similar to light blue

Pastel blue Sky blue Pastel turquoise Baby blue Light gray Pearl gray Silver Ash gray Platinum White smoke

Themed palettes with this color

More blues

Blue Navy blue Sky blue Cobalt blue Sapphire blue Steel blue Royal blue Electric blue Midnight blue Ultramarine French blue Prussian blue Pastel blue Baby blue Denim blue Klein blue Dark blue Cerulean

Frequently asked questions

What is the hex code for light blue?

The hex code for light blue is #ADD8E6. In RGB it is rgb(173, 216, 230), in HSL hsl(195, 53%, 79%) and in CMYK 25, 6, 0, 10.

What is the complementary color of light blue?

Its complement on the color wheel is #E6BBAD, close to baby pink. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on light blue?

Use black text instead: the contrast with white is only 1.5:1, while with black it is 13.7:1.