Light Blue #ADD8E6

Light blue, as the CSS color #ADD8E6, is a pale, slightly grayish blue. It is very light, cool, and only mildly saturated, which gives it a calm, misty quality. People tend to associate it with winter skies, clean linen, still water, and medical or hygiene settings where a sense of calm is wanted.

#ADD8E6 is the CSS named color lightblue. In everyday speech 'light blue' covers any pale blue, so treat this as one specific value rather than the definition.

Light Blue color codes
HEX#ADD8E6
RGBrgb(173, 216, 230)
HSLhsl(195, 53%, 79%)
HSVhsv(195, 25%, 90%)
CMYKcmyk(25%, 6%, 0%, 10%)

Text on Light Blue

Black text reads better on Light Blue. Ratios use the WCAG 2 formula: 4.5:1 passes AA for body text, 3:1 passes for large text.

White text

The quick brown fox jumps over the lazy dog.

1.52:1 · Fail
Black text

The quick brown fox jumps over the lazy dog.

13.74:1 · AAA

Colors that go with Light Blue

Light Blue tints and shades

Tints mix Light Blue with white, shades mix it with black, in 15% steps. Copy any code, or open the tint and shade generator for a full scale.

Tints

#B9DEEA
#C6E4EE
#D2EAF1
#DEEFF5
#EBF5F9

Shades

#93B8C4
#7997A1
#5F777F
#45565C
#2B363A

Light Blue color schemes

Color-wheel harmonies built by rotating the hue of #ADD8E6 and keeping its saturation and lightness.

Complementary

#ADD8E6
#E6BBAD

Analogous

#ADE6D7
#ADD8E6
#ADBCE6

Triadic

#ADD8E6
#E6ADD8
#D8E6AD

Split complementary

#ADD8E6
#E6ADBC
#E6D7AD

Tetradic

#ADD8E6
#D7ADE6
#E6BBAD
#BCE6AD

Light Blue color meaning

Light blue suggests calm, cleanliness, and openness. Hospitals, dental clinics, and personal care brands use it for that reason, as it feels hygienic without the starkness of pure white. It also tends to read as approachable, like a cool glass of water.

Some languages give it its own basic color word. Russian, for example, has separate basic words for light blue (goluboy) and dark blue (siniy), much as English separates pink from red. Italian uses azzurro in a similar way.

On the world stage, light blue is the color of the United Nations flag and its peacekeepers' helmets, which links it with neutrality, cooperation, and diplomacy. In Britain, 'light blue' is also the traditional sporting name for Cambridge University, opposite Oxford's dark blue.

How to use Light Blue in design

Light blue works as a background for information panels, help sections, and calm landing pages. Dark text is essential: navy and charcoal read well, while white text barely shows. On a white page it can fade at a distance, so give it a darker blue or gray border or accent.

In interiors, it is a common choice for bedrooms and bathrooms. In fashion, light blue shirts are a menswear staple because they flatter many skin tones and sit comfortably with navy, gray, and tan suits.

Palettes with Light Blue tones

Curated palettes with a color close to #ADD8E6.

Colors similar to Light Blue

Work with Light Blue

Light Blue FAQ

What is the difference between light blue and baby blue?

CSS light blue (#ADD8E6) is paler and grayer, with a slightly misty look. Baby blue (#89CFF0) is deeper and cleaner, with more obvious color. Light blue suits calm, clinical, or wintry designs, while baby blue feels warmer, sweeter, and is strongly tied to infant products.

Does light blue go with gray?

Yes, and the pairing is a staple in menswear and modern interiors. Charcoal and slate grays give light blue a sharper, more structured look, while pale grays create a soft, low-contrast scheme. Add white or a warm accent such as tan if the result feels too cold.