Shades of Blue
with Hex Codes
Blue is the world's favourite colour and the most searched colour shade on the web. From the deep midnight blues of the night sky to the pale powder blues of a summer morning, blue spans a wider emotional range than any other colour. In CSS, the base blue is #0000FF, but designers and developers use hundreds of variations daily.
120+Color Shades
1-clickCopy Hex Code
3Filter Categories
Complete List of Blue Color Shades
Click to copy
HTML
Midnight Blue
#191970
Click to copy
HTML
Navy
#000080
Click to copy
HTML
Dark Blue
#00008B
Click to copy
HTML
Medium Blue
#0000CD
Click to copy
HTML
Blue
#0000FF
Click to copy
HTML
Royal Blue
#4169E1
Click to copy
HTML
Medium Slate Blue
#7B68EE
Click to copy
HTML
Cornflower Blue
#6495ED
Click to copy
HTML
Dodger Blue
#1E90FF
Click to copy
HTML
Deep Sky Blue
#00BFFF
Click to copy
HTML
Light Sky Blue
#87CEFA
Click to copy
HTML
Sky Blue
#87CEEB
Click to copy
HTML
Light Blue
#ADD8E6
Click to copy
HTML
Powder Blue
#B0E0E6
Click to copy
HTML
Light Steel Blue
#B0C4DE
Click to copy
HTML
Steel Blue
#4682B4
Click to copy
HTML
Dark Turquoise
#00CED1
Click to copy
HTML
Medium Turquoise
#48D1CC
Click to copy
HTML
Turquoise
#40E0D0
Click to copy
HTML
Aquamarine
#7FFFD4
Click to copy
HTML
Pale Turquoise
#AFEEEE
Click to copy
HTML
Light Cyan
#E0FFFF
Click to copy
HTML
Cyan
#00FFFF
Click to copy
HTML
Aqua
#00FFFF
Click to copy
HTML
Cadet Blue
#5F9EA0
Click to copy
HTML
Alice Blue
#F0F8FF
Click to copy
HTML
Slate Blue
#6A5ACD
Click to copy
HTML
Teal
#008080
Click to copy
Cerulean
#2A52BE
Click to copy
True Blue
#2D68C4
Click to copy
Electric Blue
#7DF9FF
Click to copy
Prussian Blue
#003153
Click to copy
Ultramarine
#120A8F
Click to copy
Sapphire
#082567
Click to copy
Neon Blue
#4D4DFF
Click to copy
Azure
#007FFF
Click to copy
Columbia Blue
#B9D9EB
Click to copy
Denim
#1560BD
Click to copy
YInMn Blue
#2E5090
Click to copy
Pacific Blue
#1CA9C9
Click to copy
Egyptian Blue
#1034A6
Click to copy
Persian Blue
#1C39BB
Click to copy
Aero
#7CB9E8
Click to copy
Blue Yonder
#5072A7
Click to copy
Air Superiority Blue
#72A0C1
Click to copy
Baby Blue
#89CFF0
Click to copy
Blue-Gray
#6699CC
Click to copy
Byzantine Blue
#3457D5
Click to copy
Cobalt Blue
#0047AB
Click to copy
Periwinkle
#CCCCFF
Click to copy
Glaucous
#6082B6
Click to copy
Electric Indigo
#6F00FF
Click to copy
Ice Blue
#99FFFF
Click to copy
Iris
#5A4FCF
Click to copy
Majorelle Blue
#6050DC
Click to copy
Maya Blue
#73C2FB
Click to copy
Non-Photo Blue
#A4DDED
Click to copy
Savoy Blue
#4B61D1
Click to copy
Violet Blue
#324AB2
Click to copy
Space Cadet
#1E2952
Click to copy
Morning Blue
#8DA399
Click to copy
Crayola Blue
#1F75FE
Click to copy
Pantone Blue
#0018A8
Click to copy
Munsell Blue
#0093AF
Click to copy
Uranian Blue
#AFDBF5
Click to copy
Spanish Blue
#0070BB
Click to copy
Liberty
#545AA7
Click to copy
Delft Blue
#1F305E
Click to copy
Duck Blue
#007791
Click to copy
Peacock Blue
#005F69
Click to copy
Picotee Blue
#2E2787
Click to copy
Resolution Blue
#002387
Click to copy
Polynesian Blue
#224C98
Click to copy
Teal Blue
#367588
Click to copy
Vivid Sky Blue
#00CCFF
Click to copy
Celeste
#B2FFFF
Click to copy
Royal Air Force Blue
#5D8AA8
Click to copy
Fluorescent Blue
#15F4EE
Click to copy
Brand
Facebook Blue
#1877F2
Click to copy
Brand
Twitter Blue
#1DA1F2
Click to copy
Brand
Tiffany Blue
#81D8D0
Click to copy
Brand
Ford Blue
#2C3968
Click to copy
Brand
General Motors Blue
#073980
Click to copy
Brand
Intel Blue
#0071C5
Click to copy
Brand
Visa Blue
#1A1F71
Click to copy
Brand
Boeing Blue
#0039A6
Click to copy
Brand
Dell Blue
#0076CE
Click to copy
Brand
IBM Blue
#0530AD
Click to copy
Brand
Lowes Blue
#004792
Click to copy
Sport
Carolina Blue
#4B9CD3
Click to copy
Sport
Air Force Blue
#00308F
Click to copy
Sport
Blue de France
#318CE7
Click to copy
Sport
Duke Blue
#012169
Click to copy
Sport
Oxford Blue
#002147
Click to copy
Sport
Cambridge Blue
#A3C1AD
Click to copy
Sport
Penn Blue
#011F5B
Click to copy
Sport
Tufts Blue
#3E8EDE
Click to copy
Sport
UCLA Blue
#2774AE
Click to copy
Sport
Yale Blue
#00356B
Click to copy
Sport
Argentinan Blue
#6CB4EE
Click to copy
Sport
Dallas Cowboys Blue
#041E42
Click to copy
Sport
College Navy
#002244
Click to copy
Sport
Patriots Blue
#002244
Click to copy
Sport
Dolphins Aqua
#008E97
Click to copy
Sport
Yankees Blue
#0C2340
Click to copy
Sport
Astros Navy
#002D62
Click to copy
Sport
Mets Blue
#002D72
Click to copy
Sport
Braves Navy
#13274F
Click to copy
Sport
Warriors Blue
#1D428A
Click to copy
Sport
Mavericks Blue
#00538C
Click to copy
Sport
Magic Blue
#0077C0
Click to copy
Sport
Chelsea Blue
#034694
Click to copy
Sport
Everton Blue
#003399
Click to copy
Sport
Tottenham Navy
#132257
Click to copy
Sport
Porto Blue
#00428C
Click to copy
Sport
PSG Blue
#004170
Click to copy
Sport
Bayern Blue
#0066B2
Click to copy
Sport
KC Royals Blue
#004687
Click to copy
Sport
Dodgers Blue
#005A9C
Click to copy
Sport
Cubs Blue
#0E3386
Shades of Blue — Hex Reference Table
Click any hex code or colour swatch to copy it to your clipboard.
| Preview | Name | Hex Code | RGB | Category |
|---|
How to Use Shades of Blue in CSS
Every shade on this page can be used directly in CSS. Copy the hex code and paste it into any CSS color property: color, background-color, border-color, box-shadow, or outline-color.
For transparency effects, convert the hex to RGB using the table above and use rgba(). For a design system, store your chosen shade as a CSS custom property so you can update it site-wide from one place.
/* Royal blue button */
.btn { background-color: #4169E1; color: #fff; }
/* Sky blue background */
.hero { background-color: #87CEEB; }
/* Navy with transparency */
.overlay { background-color: rgba(0, 0, 128, 0.8); }
/* CSS custom property */
:root { --brand-blue: #4169E1; }
Frequently Asked Questions
What is the hex code for blue?
The pure blue hex code in HTML/CSS is
#0000FF. Navy blue is #000080, royal blue is #4169E1, and sky blue is #87CEEB.What are the most popular shades of blue?
The most popular shades of blue are navy (#000080), royal blue (#4169E1), dodger blue (#1E90FF), sky blue (#87CEEB), and cobalt blue (#0047AB).
What are different shades of blue called?
Different shades of blue have names like midnight blue, navy, ultramarine, cobalt, royal blue, cornflower blue, cerulean, azure, sky blue, powder blue, baby blue, ice blue, teal, and turquoise.
What is the darkest shade of blue?
The darkest shades of blue are midnight blue (
#191970), navy (#000080), Oxford blue (#002147), and Prussian blue (#003153).How do I use blue shades in CSS?
Use hex codes directly:
color: #4169E1; for royal blue, or background-color: #87CEEB; for sky blue. CSS named blues include royalblue, skyblue, navy, cornflowerblue, and cadetblue.