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.
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 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)