List of Blue Shades with HEX, RGB & HSL Color Codes

Discover blue shades including Navy Blue, Royal Blue, Sky Blue, Sapphire Blue and more with HEX, RGB and HSL color codes.

#0000FF

Blue

HEX #0000FF

RGB 0,0,255

HSL 240,100%,50%

#000080

Navy Blue

HEX #000080

RGB 0,0,128

HSL 240,100%,25%

#4169E1

Royal Blue

HEX #4169E1

RGB 65,105,225

HSL 225,73%,57%

#87CEEB

Sky Blue

HEX #87CEEB

RGB 135,206,235

HSL 197,71%,73%

#00BFFF

Deep Sky Blue

HEX #00BFFF

RGB 0,191,255

HSL 195,100%,50%

#1E90FF

Dodger Blue

HEX #1E90FF

RGB 30,144,255

HSL 210,100%,56%

#4682B4

Steel Blue

HEX #4682B4

RGB 70,130,180

HSL 207,44%,49%

#6495ED

Cornflower Blue

HEX #6495ED

RGB 100,149,237

HSL 219,79%,66%

#87CEFA

Light Sky Blue

HEX #87CEFA

RGB 135,206,250

HSL 203,92%,75%

#B0E0E6

Powder Blue

HEX #B0E0E6

RGB 176,224,230

HSL 187,52%,80%

#89CFF0

Baby Blue

HEX #89CFF0

RGB 137,207,240

HSL 199,77%,74%

#F0F8FF

Alice Blue

HEX #F0F8FF

RGB 240,248,255

HSL 208,100%,97%

#007FFF

Azure

HEX #007FFF

RGB 0,127,255

HSL 210,100%,50%

#0F52BA

Sapphire Blue

HEX #0F52BA

RGB 15,82,186

HSL 216,85%,39%

#0047AB

Cobalt Blue

HEX #0047AB

RGB 0,71,171

HSL 215,100%,34%

#2A52BE

Cerulean

HEX #2A52BE

RGB 42,82,190

HSL 224,64%,45%

#003153

Prussian Blue

HEX #003153

RGB 0,49,83

HSL 205,100%,16%

#191970

Midnight Blue

HEX #191970

RGB 25,25,112

HSL 240,64%,27%

#002147

Oxford Blue

HEX #002147

RGB 0,33,71

HSL 212,100%,14%

#00356B

Yale Blue

HEX #00356B

RGB 0,53,107

HSL 210,100%,21%

#4B0082

Indigo

HEX #4B0082

RGB 75,0,130

HSL 275,100%,25%

#6699CC

Blue Gray

HEX #6699CC

RGB 102,153,204

HSL 210,50%,60%

#6A5ACD

Slate Blue

HEX #6A5ACD

RGB 106,90,205

HSL 248,54%,58%

#7B68EE

Medium Slate Blue

HEX #7B68EE

RGB 123,104,238

HSL 249,80%,67%

#B0C4DE

Light Steel Blue

HEX #B0C4DE

RGB 176,196,222

HSL 214,41%,78%

#5F9EA0

Cadet Blue

HEX #5F9EA0

RGB 95,158,160

HSL 182,25%,50%

#367588

Teal Blue

HEX #367588

RGB 54,117,136

HSL 194,43%,37%

#5D8AA8

Air Force Blue

HEX #5D8AA8

RGB 93,138,168

HSL 204,30%,51%

#1CA9C9

Pacific Blue

HEX #1CA9C9

RGB 28,169,201

HSL 191,76%,45%

#00FFEF

Turquoise Blue

HEX #00FFEF

RGB 0,255,239

HSL 176,100%,50%

#D6F1FF

Arctic Blue

HEX #D6F1FF

RGB 214,241,255

HSL 200,100%,92%

#99FFFF

Ice Blue

HEX #99FFFF

RGB 153,255,255

HSL 180,100%,80%

#00CCCC

Robin Egg Blue

HEX #00CCCC

RGB 0,204,204

HSL 180,100%,40%

#00FFFF

Aqua Blue

HEX #00FFFF

RGB 0,255,255

HSL 180,100%,50%

#7DF9FF

Electric Blue

HEX #7DF9FF

RGB 125,249,255

HSL 183,100%,75%

#0096FF

Bright Blue

HEX #0096FF

RGB 0,150,255

HSL 205,100%,50%

#2D68C4

True Blue

HEX #2D68C4

RGB 45,104,196

HSL 217,63%,47%

#0072BB

French Blue

HEX #0072BB

RGB 0,114,187

HSL 203,100%,37%

#1560BD

Denim Blue

HEX #1560BD

RGB 21,96,189

HSL 213,80%,41%

#4F42B5

Ocean Blue

HEX #4F42B5

RGB 79,66,181

HSL 247,47%,48%

#01386A

Marine Blue

HEX #01386A

RGB 1,56,106

HSL 209,98%,21%

#00008B

Dark Blue

HEX #00008B

RGB 0,0,139

HSL 240,100%,27%

#483D8B

Dark Slate Blue

HEX #483D8B

RGB 72,61,139

HSL 248,39%,39%

#126180

Blue Sapphire

HEX #126180

RGB 18,97,128

HSL 197,75%,29%

#A2A2D0

Blue Bell

HEX #A2A2D0

RGB 162,162,208

HSL 240,33%,73%

#CCCCFF

Periwinkle Blue

HEX #CCCCFF

RGB 204,204,255

HSL 240,100%,90%

#68A0B0

Crystal Blue

HEX #68A0B0

RGB 104,160,176

HSL 193,32%,55%

#008E97

Blue Lagoon

HEX #008E97

RGB 0,142,151

HSL 184,100%,30%

#5DADEC

Blue Jeans

HEX #5DADEC

RGB 93,173,236

HSL 206,79%,65%

#0000FF

Pure Blue

HEX #0000FF

RGB 0,0,255

HSL 240,100%,50%

Blue Shades Color Collection

Blue shades are widely used in web design, branding, graphic design, digital products and marketing materials. From Sky Blue and Royal Blue to Navy Blue, Sapphire Blue and Cobalt Blue, different blue shades help create professional, trustworthy and visually appealing designs.

This blue shades collection includes popular blue color names along with their HEX, RGB and HSL color codes. Designers, developers and creative professionals can easily copy color values and use them in websites, mobile apps, user interfaces, branding materials and design projects.

Popular Blue Color Shades

Blue
Navy Blue
Royal Blue
Sky Blue
Sapphire Blue
Cobalt Blue
Steel Blue
Azure
Midnight Blue
Baby Blue

What Are Blue Shades?

Blue shades are variations of the blue color family that range from very light blues to deep and dark navy tones. Different shades of blue can create different emotions, including trust, calmness, professionalism, creativity and reliability, making them popular across many industries.

How to Use Blue Shades in Design

Create professional and trustworthy website layouts.
Design modern user interfaces and mobile applications.
Build strong corporate and business branding.
Create attractive marketing materials and presentations.
Use for buttons, links and call-to-action elements.
Develop calming and visually balanced color palettes.

HEX, RGB and HSL Color Codes

Each blue shade on this page includes HEX, RGB and HSL values. HEX color codes are commonly used in CSS and web development, RGB values are ideal for digital displays and graphic software, while HSL values make it easier to adjust hue, saturation and lightness when creating custom color palettes.

Why Use Different Blue Shades?

Create visual hierarchy and depth.
Build trust and professionalism.
Improve user experience and readability.
Match specific branding requirements.
Create modern and visually appealing designs.

Perfect for Designers and Developers

Whether you are designing a website, mobile application, logo, presentation, dashboard or marketing campaign, these blue shades provide versatile color options that work well across various design styles and industries.

Copy Blue Color Codes Instantly

Browse the blue shades listed above and copy HEX, RGB or HSL values with a single click. This makes it easy to use your favorite blue colors directly in CSS, design software and development projects.

Frequently Asked Questions

Common questions about blue shades, color codes and their use in design and development.

Blue shades are variations of blue that range from light sky blue to deep navy blue. Popular examples include Royal Blue, Sapphire Blue, Cobalt Blue, Azure and Midnight Blue.

The HEX code for pure blue is #0000FF. It is one of the primary colors and is widely used in web design, branding and digital interfaces.

Navy Blue is a darker and more formal shade of blue, while Royal Blue is brighter and more vibrant. Both are popular choices for websites, branding and professional designs.

HEX, RGB and HSL color codes help designers and developers accurately use colors across websites, mobile applications, design software and digital products.

Popular choices include Navy Blue, Royal Blue, Sky Blue and Sapphire Blue because they create a professional, trustworthy and visually appealing look.

Yes. You can easily copy HEX, RGB and HSL values from the color cards and use them directly in CSS, design tools, branding projects and software development.