#f0f8ff rgb(240, 248, 255) 208°, 100%, 97% Use AliceBlue in Your Projects
About AliceBlue Color
AliceBlue is an extremely pale blue-white that evokes calmness and clarity. It makes an excellent background for medical and wellness websites.
Use Cases for AliceBlue
Shades & Tints of AliceBlue
Complementary Color
Analogous Colors
Triadic Colors
Split Complementary
Tetradic Colors
CSS Code
.aliceblue-color {
color: #f0f8ff;
background-color: #f0f8ff;
}
/* As a CSS custom property */
:root {
--color-aliceblue: #f0f8ff;
}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 AliceBlue?
AliceBlue is represented by the hex code #f0f8ff and has RGB values of rgb(240, 248, 255). It falls under the White category.
How to use AliceBlue in web design?
AliceBlue works well for wellness backgrounds, medical sites, clean UI. AliceBlue is an extremely pale blue-white that evokes calmness and clarity. It makes an excellent background for medical and wellness websites. Use it as a primary color, accent, or background depending on your design needs.
What colors go with AliceBlue?
Colors that pair well with AliceBlue include snow, ghostwhite, whitesmoke, lavender, azure. For a complementary scheme, try #fff7f0. For an analogous scheme, use #f0fffe and #f0f0ff. For a triadic scheme, combine with #fff0f8 and #f8fff0.