The light blue color code is #ADD8E6 in hexadecimal. Click any value below to copy it. Use HEX/RGB for web and digital design, CMYK for print, and HSL when adjusting lightness or saturation in code.
| Format | Value |
|---|---|
| HEX | #ADD8E6 |
| RGB | rgb(173, 216, 230) |
| CMYK | cmyk(25%, 6%, 0%, 10%) |
| HSL | hsl(195, 53%, 79%) |
How to Use Light Blue in CSS
background-color: #add8e6; | color: rgb(173, 216, 230); | border-color: hsl(195, 53%, 79%);
Nearest Shades
FAQs
What is the hex code for light blue?
The hex code for light blue is #ADD8E6. In RGB it is rgb(173, 216, 230), and in CMYK it is 25%, 6%, 0%, 10%. You can copy these codes from the color code section above.
What does the color light blue mean?
Light Blue is associated with clarity, freshness, technology and calm. Its exact meaning shifts with culture and context — see the meaning and cultural sections on this page for details.
What colors go with light blue?
Light Blue pairs beautifully with black, white, gold, gray and its complementary color. Explore the light blue color combinations and palettes on this page for ready-to-use schemes.
Where can I download light blue backgrounds?
Right here — this site offers 32 free light blue backgrounds in HD (1920×1080) across 8 styles: solid, gradient, glow, waves, bokeh, rays, texture and curves. All are free for personal and commercial use.