Shades of Blue

Blue ranges from near-black navy to pale ice. Cooler, darker blues read as corporate and trustworthy, while lighter sky blues feel open and calm. These are the CSS named blues plus a generated lightness scale.

Named Blue Colors

Navy
#000080rgb(0, 0, 128)
DarkBlue
#00008Brgb(0, 0, 139)
MidnightBlue
#191970rgb(25, 25, 112)
MediumBlue
#0000CDrgb(0, 0, 205)
Blue
#0000FFrgb(0, 0, 255)
RoyalBlue
#4169E1rgb(65, 105, 225)
SteelBlue
#4682B4rgb(70, 130, 180)
DodgerBlue
#1E90FFrgb(30, 144, 255)
CadetBlue
#5F9EA0rgb(95, 158, 160)
CornflowerBlue
#6495EDrgb(100, 149, 237)
DeepSkyBlue
#00BFFFrgb(0, 191, 255)
LightSteelBlue
#B0C4DErgb(176, 196, 222)
SkyBlue
#87CEEBrgb(135, 206, 235)
LightSkyBlue
#87CEFArgb(135, 206, 250)
LightBlue
#ADD8E6rgb(173, 216, 230)
PowderBlue
#B0E0E6rgb(176, 224, 230)
AliceBlue
#F0F8FFrgb(240, 248, 255)

Blue Scale from Light to Dark

A 12-step lightness scale of the core blue hue. Click any swatch for the full breakdown of that color.

More Color Families