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.
Table Of Content
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.
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.
Most Popular Shades Of Blue Color
Here are our top 5 most popular shades of color blue.
1. Navy Blue Color
Navy Blue is the darker shade of blue with HEX Code #000080.
In the RGB color model, this dark navy blue hue comprises 0.78% red, 2.75% green, and 36.47% blue.
2. Fountain Blue Color
Cobalt Blue Color is ideally used in tile porcelain.
It’s HEX Code #60C0C0, whereas, in the RGB color model, this shade comprises 96 red, 192 green, and 192 blue.
3. Midnight Blue Color
Midnight blue color perfectly represents calmness and tranquillity.
With the HEX Code #003366, this shade of blue comprises 0% red, 20% green, and 40% blue.
4. Dodger Blue Color
Dodger blue is one of the finest blue shade.
With the HEX Code #1890F0, this shade is composed of 24 red, 144 green, and 240 blue.
5. Teal Blue Color
Teal blue shade is also known as greenish-blue color.
With HEX Code #367588, the shades comprised 21.18% red, 45.88% green, and 53.33% blue.
Some Dark Shades Of Color Blue
Here are our top 5 dark shades of color blue.
1. Cobalt Blue Color
Cobalt Blue Color is ideally used in tile porcelain.
It’s HEX Code #0047ab, whereas, in the RGB color model, this shade comprises 0% red, 27.84% green, and 67.06% blue.
2. Bahama Blue Color
Bahama Blue Color is ideally used in graphic designs to make the color prominent.
It’s HEX Code #006090, whereas, in the RGB color model, this shade comprises 0 red, 96 green, and 144 blue.
3. Curious Blue Color
Curious blue is considered to be one of the elegant shade of blue.
With the HEX Code #18A8D8. Curious blue shade has RGB code as 24, 168, 216
4. Kashmir Blue Color
With the HEX Code #486090, the Kashmir shade has RGB code as 72, 96, 144
5. Sherpa Blue Color
With the HEX Code #004848, the Sherpa shade has the RGB code as 0, 72, 72
Some Light Shades Of Color Blue
Here are our top light shades of color blue.
1. Baby Blue Color
Baby blue color is known as a pastel shade.
With HEX Code #89CFF0, this lighter shade of blue is composed of 53.7% red, 81.2% green and 94.1% blue
2. Turquoise Color
The turquoise color got its name from the jewel of the similar name.
With HEX CODE# 40e0d0, the shade comprises of 25.1% red, 87.84% green and 81.57% blue.
3. Powder Blue Color
The perfect shade of powder blue color cannot be assumed properly.
With HEX Code #b0e0e6, the shade comprises 69.02% red, 87.84% green and 90.2% blue.
4. Steel Blue Color
Steel-blue is known as a pale tone of blue.
With HEX Code #4682b4, steel blue color composed of 27.5% red, 51% green and 70.6% blue.
5. Maya Blue Color
Maya blue color is contemplated as the vast shade of blue, and it has existed in the Aztec culture.
With HEX Code #73c2fb, Maya blue shade comprises 45.1% red, 76.1% green and 98.4% blue.
Top 9 Gradients Of Blue Color
Here are our top 9 picks for gradients of blue color. Ideal for color loving people and artists.
Mountain Meadow (1DC465) to Bright Turquoise (05CDE9)
Medium Purple (984DD6 ) to Mountain Meadow (21D190)
Cornflower Blue (726CF8) to Green (0ED186)
Malibu (7EE8FA ) to Kobi (EFB3DF)
Turquoise (05D6D9 ) to Electric Violet (8904F7)
Matisse (19678B ) to Downy(6DCBC5)
Amaranth (EF3365) to Gigas (57359D)
Purple (AB5CE9 ) to Bitter Lemon (D0DD0E)
Azure (0E8CF9) to Salem (169D51)
Top 8 Contrasts Of Blue Color
Here are our top 8 picks for the contrast of blue color. These are very useful for the web designers, graphic designers and artists to get the blue color contrasts ideas with their hex codes. Simply pick these contrasts and make elegant designs.
1. Contrast of Yellow, Aquamarine, Blue Grotto & Blue
2. Contrast of Blue Gray, Coral, Turquoise & Baby Blue
3. Contrast of Cinnabar, Dark Blue, Ivory & Blue Grotto
4. Contrast of Dark Blue, Tiffany Blue, Pink & Rose Quartz
5. Contrast of Fuchsia, Tiffany Blue, Rose Quartz & Blue Green
6. Contrast of Carafe, Seafoam Green, Rose Red & Turquoise
7. Contrast of Cornflower, Hot Pink, Cyan & Tiffany Blue
8. Contrast of Red, Blue, Pink & Orchid
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 Name||Hex Code||RGB Code|
|Moody Blue||HEX #7878D8RGB||RGB 120 120 216|
|Royal Blue||HEX #4848D8RGB||RGB 72 72 216|
|Fountain Blue||HEX #60C0C0RGB||RGB 96 192 192|
|Blue Stone||HEX #006060RGB||RGB 0 96 96|
|Navy Blue||HEX #000090RGB||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|
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?
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)