Color family

Blue Colors: Names, HEX Codes & Shades

Blue spans hue angles from roughly 195° to 255° in this library, from light sky blues to royal blue, cobalt and deep navy. It is a common choice for links, buttons and brand colors.

Most blues are dark enough for white text. Royal blue (#4169E1) has 4.84:1 contrast with white, pure blue (#0000FF) 8.59:1 and navy (#000080) 16.00:1. Light blues are the opposite: sky blue (#87CEEB) has only 1.74:1 with white but 12.05:1 with black.

Blue colors at a glance

105blue colors in the library

49%average HSL lightness

76%average HSL saturation

61%reach 4.5:1 contrast with white text

40%reach 4.5:1 contrast with black text

Extremes among blue colors
Extreme	Color	HEX	HSL
Lightest	Alice Blue	`#F0F8FF`	`hsl(208, 100%, 97%)`
Darkest	Midnight	`#03012D`	`hsl(243, 96%, 9%)`
Most saturated	Vivid Blue	`#152EFF`	`hsl(234, 100%, 54%)`
Least saturated	Slate	`#516572`	`hsl(204, 17%, 38%)`

Popular blue colors

Navy#000080 Dark Blue#00008B Blue#0000FF Royal Blue#4169E1 Sky Blue#87CEEB Light Blue#ADD8E6 Midnight Blue#191970 Dark Slate Blue#483D8B Medium Blue#0000CD Steel Blue#4682B4 Cadet Blue#5F9EA0 Deep Sky Blue#00BFFF

Using blue colors

Links and primary buttons, where a mid-dark blue keeps white text readable.
Corporate, finance, technology and healthcare designs.
Backgrounds: dark navy for headers and footers, pale blue for panels.
Charts, where blue and orange together give clear separation.

A clear blue is a familiar signal for links, but do not rely on color alone: keep an underline or another visible cue.

Dark blues and dark purples can look alike at low lightness. Check close pairs with the contrast checker and the color blindness simulator.

All 105 blue colors

Alice Blue#F0F8FF Aqua Blue#02D8E9 Azul#1D5DEC Baby Blue#A2CFFE Blue#0000FF Blueberry#464196 Bright Blue#0165FC Bright Sky Blue#02CCFE Cadet Blue#5F9EA0 Carolina Blue#8AB8FE Cerulean#0485D1 Cerulean Blue#056EEE Cloudy Blue#ACC2D9 Cobalt#1E488F Cobalt Blue#030AA7 Cornflower#6A79F7 Cornflower Blue#6495ED Dark Blue#00008B Dark Gray Blue#29465B Dark Green Blue#1F6357 Dark Navy#000435 Dark Periwinkle#665FD1 Dark Royal Blue#02066F Dark Sky Blue#448EE4 Dark Slate Blue#483D8B Deep Blue#040273 Deep Sea Blue#015482 Deep Sky Blue#00BFFF Denim#3B638C Denim Blue#3B5B92 Dodger Blue#1E90FF Duck Egg Blue#C3FBF4 Dull Blue#49759C Dusk#4E5481 Dusk Blue#26538D Dusky Blue#475F94 Dusty Blue#5A86AD Electric Blue#0652FF Faded Blue#658CBB Flat Blue#3C73A8 French Blue#436BAD Gray Blue#6B8BA4 Green Blue#06B48B Ice Blue#D7FFFE Indigo Blue#3A18B1 Iris#6258C4 Lavender Blue#8B88F8 Light Blue#ADD8E6 Light Gray Blue#9DBCD4 Light Navy#155084 Light Navy Blue#2E5A88 Light Periwinkle#C1C6FC Light Royal Blue#3A2EFE Light Sky Blue#87CEFA Light Steel Blue#B0C4DE Marine#042E60 Marine Blue#01386A Medium Blue#0000CD Medium Slate Blue#7B68EE Metallic Blue#4F738E Mid Blue#276AB3 Midnight#03012D Midnight Blue#191970 Muted Blue#3B719F Navy#000080 Navy Blue#001146 Neon Blue#04D9FF Night Blue#040348 Ocean Blue#03719C Pale Blue#D0FEFE Pale Sky Blue#BDF6FE Pastel Blue#A2BFFE Peacock Blue#016795 Periwinkle#8E82FE Periwinkle Blue#8F99FB Powder Blue#B0E0E6 Prussian Blue#004577 Pure Blue#0203E2 Purple Blue#632DE9 Rich Blue#021BF9 Royal#0C1793 Royal Blue#4169E1 Sapphire#2138AB Sea Blue#047495 Seafoam Blue#78D1B6 Sky#82CAFC Sky Blue#87CEEB Slate#516572 Slate Blue#6A5ACD Soft Blue#6488EA Steel Blue#4682B4 Stormy Blue#507B9C Strong Blue#0C06F7 Teal Blue#01889F True Blue#010FCC Turquoise Blue#06B1C4 Twilight#4E518B Twilight Blue#0A437A Ultramarine#2000B1 Ultramarine Blue#1805DB Vibrant Blue#0339F8 Violet Blue#510AC9 Vivid Blue#152EFF Warm Blue#4B57DB Water Blue#0E87CC

More families

Red (53)Orange (29)Yellow (54)Green (174)Cyan / Teal (27)Purple (73)Pink (66)Brown (96)Gray (25)Black (2)White (16) All families