We have brought huge variety of shades of blue color with color name, hex code, RGB code and blue color meaning. This includes both light blue and dark blue shades. Ideal for graphic designers and artists. With this, there is no need to browse through different websites to find color combinations, their codes and names. 

In the first section you will get a quick overview of different combinations of blue color in the form of info graphic. The second section has a complete list of shades of blue color.   

Browse a huge collection of blue color shades and create stunning graphic in 2 minutes. Pick your favorite color shade from blue color combinations. 

All Shades of blue color – [Grid Format]

Here is the list of different shades of blue color we have. Simply copy the hex code or RGB code and use in your design. You can also use hex color picker tool from image to get color codes. 

Moody Blue
HEX #7878d8
RGB 120 120 216
Royal Blue
HEX #4848d8
RGB 72 72 216
Fountain Blue
HEX #60c0c0
RGB 96 192 192
Blue Stone
HEX #006060
RGB 0 96 96
Navy Blue
HEX #000090
RGB 0 0 144
Cornflower Blue
HEX #6078f0
RGB 96 120 240
Blizzard Blue
HEX #a8d8f0
RGB 168 216 240
Pattens Blue
HEX #d8f0ff
RGB 216 240 255
Smalt Blue
HEX #489090
RGB 72 144 144
Dodger Blue
HEX #1890f0
RGB 24 144 240
Vista Blue
HEX #90d8c0
RGB 144 216 192
Steel Blue
HEX #4890a8
RGB 72 144 168
Hippie Blue
HEX #48a8a8
RGB 72 168 168
Picton Blue
HEX #30c0f0
RGB 48 192 240
Blue Lagoon
HEX #007890
RGB 0 120 144
Chetwode Blue
HEX #7890d8
RGB 120 144 216
Blue Bayoux
HEX #486078
RGB 72 96 120
Bondi Blue
HEX #0090a8
RGB 0 144 168
Eastern Blue
HEX #1890a8
RGB 24 144 168
Blue
HEX #0030ff
RGB 0 48 255
Dark Blue
HEX #1800c0
RGB 24 0 192
Turquoise Blue
HEX #60f0a8
RGB 96 240 168
Prussian Blue
HEX #003048
RGB 0 48 72
Aero Blue
HEX #a8ffd8
RGB 168 255 216
Blue Dianne
HEX #184848
RGB 24 72 72
Twilight Blue
HEX #f0ffff
RGB 240 255 255
Robin's Egg Blue
HEX #00d8d8
RGB 0 216 216
Midnight Blue
HEX #003078
RGB 0 48 120
Havelock Blue
HEX #6078d8
RGB 96 120 216
Sherpa Blue
HEX #004848
RGB 0 72 72
Bahama Blue
HEX #006090
RGB 0 96 144
Jordy Blue
HEX #78c0f0
RGB 120 192 240
Kashmir Blue
HEX #486090
RGB 72 96 144
Cerulean Blue
HEX #3048c0
RGB 48 72 192
Astronaut Blue
HEX #004860
RGB 0 72 96
Polo Blue
HEX #90a8d8
RGB 144 168 216
Blue Violet
HEX #6060c0
RGB 96 96 192
Boston Blue
HEX #3090c0
RGB 48 144 192
Chathams Blue
HEX #184878
RGB 24 72 120
Fuchsia Blue
HEX #6048c0
RGB 96 72 192
Curious Blue
HEX #18a8d8
RGB 24 168 216
Blue Haze
HEX #c0c0d8
RGB 192 192 216
Regal Blue
HEX #004878
RGB 0 72 120
  

What does blue color represent?

Blue color represents depth, loyalty, wisdom, confidence, stability and trust . Blue has strong correspondence with intelligence. As per blue color psychology, it is called to mind the feeling of calmness.

History of blue color

The color blue has an excellent association with the earth’s two great natural features, including the ocean and the sky. The ancient Egyptians initially introduced it in 2200 B.C. The definitive aspiration behind creating this startling shade was to produce the enduring pigment that can be applied to multiple surfaces.

Due to its distinctive importance, the color blue was used to illustrate essential people in Renaissance and pre-Renaissance eras. This shade is most preferable among interior designers, artists, painters, and various other disciplines. With time, the enormous numbers of flagrant shades of blue were used as a means of expression.

colors that go with blue shades

Color contrasts are the colors when combined with any color gives a cool feel. These are the colors which appears on opposite side of color wheel. Finding a good color contrast is one of the most important step in designing the stylish look. Here are couple of colors that go well with blue shades. 

 

This design has different contrasts of midnight blue color. When combined with orange, blue gray and hot pink it gives a holistic look.  

 

This design has different contrasts of blue green shade. When combined with peach, tiffany blue and rose quartz, it gives a stylish look.  

 

eye catching banners with blue shades

Blue has always been a go to color for graphic designers and artists. Checkout some of our stunning design ideas with shades of blue color.  

 

The blue shade used in this design has a hex code #2c344f.

 

 The blue shade used in this design has a hex code #427bb9.

 

Different shades of blue color with name – comprehensive guide

Quick look at blue color combinations in the form of chart. From light blue to dark blue, the collection gives a good idea to the graphic designers what color to choose. These blue shades may differ in saturation, intensity, lightness and/or brightness. Shade is also known as tint or variation of a color. 

Here are most popular shades of blue color names.

Color NameHex CodeRGB Code
Moody Blue HEX #7878D8RGB RGB 120 120 216
Royal BlueHEX #4848D8RGBRGB 72 72 216
Fountain BlueHEX #60C0C0RGB RGB 96 192 192
Blue StoneHEX #006060RGB RGB 0 96 96
Navy BlueHEX #000090RGBRGB 0 0 144
Cornflower BlueHEX #6078F0RGB 96 120 240
Blizzard BlueHEX #A8D8F0RGB 168 216 240
Pattens BlueHEX #D8F0FFRGB 216 240 255
Smalt BlueHEX #489090RGB 72 144 144
Dodger BlueHEX #1890F0RGB 24 144 240
Vista BlueHEX #90D8C0RGB 144 216 192
Steel BlueHEX #4890A8RGB 72 144 168
Hippie BlueHEX #48A8A8RGB 72 168 168
Picton BlueHEX #30C0F0RGB 48 192 240
Blue LagoonHEX #007890RGB 0 120 144
Chetwode BlueHEX #7890D8RGB 120 144 216
Blue BayouxHEX #486078RGB 72 96 120
Bondi BlueHEX #0090A8RGB 0 144 168
Eastern BlueHEX #1890A8RGB 24 144 168
BlueHEX #0030FFRGB 0 48 255
Dark BlueHEX #1800C0RGB 24 0 192
Turquoise BlueHEX #60F0A8RGB 96 240 168
Prussian BlueHEX #003048RGB 0 48 72
Aero BlueHEX #A8FFD8RGB 168 255 216
Blue DianneHEX #184848RGB 24 72 72
Twilight BlueHEX #F0FFFFRGB 240 255 255
Robin’s Egg BlueHEX #00D8D8RGB 0 216 216
Midnight BlueHEX #003078RGB 0 48 120
Havelock BlueHEX #6078D8RGB 96 120 216
Sherpa BlueHEX #004848RGB 0 72 72
Bahama BlueHEX #006090RGB 0 96 144
Jordy BlueHEX #78C0F0RGB 120 192 240
Kashmir BlueHEX #486090RGB 72 96 144
Cerulean BlueHEX #3048C0RGB 48 72 192
Astronaut BlueHEX #004860RGB 0 72 96
Polo BlueHEX #90A8D8RGB 144 168 216
Blue VioletHEX #6060C0RGB 96 96 192
Boston BlueHEX #3090C0RGB 48 144 192
Chathams BlueHEX #184878RGB 24 72 120
Fuchsia BlueHEX #6048C0RGB 96 72 192
Curious BlueHEX #18A8D8RGB 24 168 216
Blue HazeHEX #C0C0D8RGB 192 192 216
Regal BlueHEX #004878RGB 0 72 120

Bonus: If you like blue color shades then I am sure you will love the following color shades as well. Here are some top picks

Frequently Asked Questions 

What are different colors of blue?

Moddy Blue

Royal Blue

Fountain BLue

Navy Blue

Dodger Blue

Vista Blue

Steel Blue

Prussian Blue

Twilight Blue

Midnight Blue

Sherpa Blue

Polo Blue

Fuchsia Blue

Regal Blue

 

What is the hex code of blue color?

Hex code of blue color is #0000ff.

What is the RGB code of blue color?

RGB code of blue color is (0,0,255)