LightBlue Color

Learn about LightBlue (#add8e6): its uses in web design, HEX/RGB/HSL values, complementary and analogous color schemes, tints and shades, and accessibility contrast recommendations.

#add8e6
HEX #add8e6
RGB rgb(173, 216, 230)
HSL 195°, 53%, 79%

About LightBlue Color

LightBlue is a soft, airy blue that creates a calm, peaceful atmosphere. It is widely used in healthcare, children's products, and serene UI designs.

Use Cases for LightBlue

healthcarechildren productsserene UIbaby brandscalm themes

Shades & Tints of LightBlue

#ffffff
#ebf5f9
#d6ecf3
#c2e2ec
#add8e6
#82a2ad
#576c73
#2b363a
#000000

Complementary Color

#add8e6
#e6bbad

Analogous Colors

#ade6d8
#add8e6
#adbbe6

CSS Code

.lightblue-color {
  color: #add8e6;
}

Contrast Recommendations

Black text on LightBlue
Ratio: 13.74:1 ✓ Passes AA ✓ Passes AAA
White text on LightBlue
Ratio: 1.53:1 ✗ Fails AA ✗ Fails AAA

Frequently Asked Questions

What color is LightBlue?

LightBlue is represented by the hex code #add8e6 and has RGB values of rgb(173, 216, 230). It falls under the Blue category.

How to use LightBlue in web design?

LightBlue works well for healthcare, children products, serene UI. LightBlue is a soft, airy blue that creates a calm, peaceful atmosphere. It is widely used in healthcare, children's products, and serene UI designs. Use it as a primary color, accent, or background depending on your design needs.

What colors go with LightBlue?

Colors that pair well with LightBlue include skyblue, lightskyblue, powderblue, paleturquoise, lightsteelblue. For a complementary scheme, try #e6bbad. For an analogous scheme, use #ade6d8 and #adbbe6.