HTML named color
LightBlue color code
Use the LightBlue HTML color with HEX #ADD8E6, RGB 173,216,230 and HSL 195,53%,79%. Copy CSS examples, shades and accessible contrast combinations.
Bleus
#ADD8E6
rgb(173,216,230)
HEX
#ADD8E6RGB
rgb(173,216,230)HSL
hsl(195,53%,79%)OKLCH
oklch(85.6% 0.049 219.7)CSS name
lightblueHow to use this color
LightBlue can be used for CSS text, backgrounds, borders, badges and interface accents. Test contrast before using it for small text, and pair it with neutral colors for a balanced design.
CSS examples
.text-light-blue {
color: #ADD8E6;
}
.bg-light-blue {
background-color: lightblue;
}
.border-light-blue {
border-color: rgb(173,216,230);
}Shades palette
#0C2027#1D4958#32758B#479CB8#7AB4C7#AECFDB#DDEAEE