#add8e6 rgb(173, 216, 230) 195°, 53%, 79% Use LightBlue in Your Projects
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
Shades & Tints of LightBlue
Complementary Color
Analogous Colors
Triadic Colors
Split Complementary
Tetradic Colors
CSS Code
.lightblue-color {
color: #add8e6;
background-color: #add8e6;
}
/* As a CSS custom property */
:root {
--color-lightblue: #add8e6;
}Accessibility Score
A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.
Contrast Recommendations
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. For a triadic scheme, combine with #e6add8 and #d8e6ad.