Using Blue Color Codes in Web Design
Blue stands as the standard for digital trust, usability, and visual clarity across web platforms. Sky and ice blues provide clean, scalable background spaces, while strong royal and slate blues ensure high-contrast legibility for primary navigation bars, body text, and corporate headers.
| Colour name | Hex code | RGB value | HSL value | Notes & Info | |
|---|---|---|---|---|---|
| Pure Blue | #0000FF | rgb(0, 0, 255) | hsl(240, 100%, 50%) | ||
| Navy Blue | #000080 | rgb(0, 0, 128) | hsl(240, 100%, 27%) | ||
| Dark Blue | #00008B | rgb(0, 0, 139) | hsl(240, 100%, 27%) | ||
| Royal Blue | #4169E1 | rgb(65, 105, 225) | hsl(225, 73%, 57%) | ||
| Sky Blue | #87CEEB | rgb(135, 206, 235) | hsl(197, 71%, 73%) | ||
| Light Blue | #ADD8E6 | rgb(173, 216, 230) | hsl(195, 53%, 79%) | ||
| Ice Blue | #F0F8FF | rgb(240, 248, 255) | hsl(208, 100%, 97%) | ||
| Cornflower Blue | #6495ED | rgb(100, 149, 237) | hsl(219, 79%, 66%) | ||
| Dodger Blue | #1E90FF | rgb(30, 144, 255) | hsl(210, 100%, 56%) | ||
| Steel Blue | #4682B4 | rgb(70, 130, 180) | hsl(207, 44%, 49%) | ||
| Midnight Blue | #191970 | rgb(25, 25, 112) | hsl(240, 64%, 27%) | ||
| Cobalt Blue | #0047AB | rgb(0, 71, 171) | hsl(215, 100%, 34%) | ||
| Sapphire | #0F52BA | rgb(15, 82, 186) | hsl(216, 85%, 39%) | ||
| Teal | #008080 | rgb(0, 128, 128) | hsl(180, 100%, 25%) | ||
| Cyan / Aqua | #00FFFF | rgb(0, 255, 255) | hsl(180, 100%, 50%) |
Looking for an exhaustive list? Explore our complete guide to Different Shades of Blue Color featuring over 190 shades organized by family.