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.
| HEX | #ADD8E6 | |
|---|---|---|
| RGB | rgb(173, 216, 230) | |
| HSL | hsl(195, 53%, 79%) | |
| HSV | hsv(195, 25%, 90%) | |
| CMYK | cmyk(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.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
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
Shades
Light Blue color schemes
Color-wheel harmonies built by rotating the hue of #ADD8E6 and keeping its saturation and lightness.
Complementary
Analogous
Triadic
Split complementary
Tetradic
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.