True Blue / Primary Blue
PSYCHOLOGY OF BLUE
Avoid if you want to create urgency (use red/orange instead).
Famous Brands That Use Blue In Their Logos
COLOR PALETTES THAT WORK WITH TRUE BLUE
BLUE COLOR PALETTES & HARMONIES
SHADES & VARIATIONS
MOST POPULAR SHADES OF BLUE
CLICK THE SWATCHES TO BE TAKEN TO FULL COLOR GUIDES
Not sure about Periwinkle and Indigo being blue?
Check out their full color guides here:
The Ultimate Indigo Color Guide
The Best Periwinkle Color Guide
BLUE COLOR NAMES, HEX CODES & RGB CODES
75+ SHADES OF BLUE: COMPLETE HEX & RGB LIST
CLICK ANY HEX OR RGB TO COPY
| Color | Hex | RGB |
|---|---|---|
Blue Jay | #2B547E | rgb(43,84,126) |
Azure Blue | #4863A0 | rgb(72,99,160) |
Light Purple Blue | #728FCE | rgb(114,143,206) |
Slate Blue Gray | #737CA1 | rgb(115,124,161) |
Mist Blue | #646D7E | rgb(100,109,126) |
Blue Gray | #98AFC7 | rgb(152,175,199) |
Marble Blue | #566D7E | rgb(86,109,126) |
Charcoal Blue | #36454F | rgb(54,69,79) |
Dark Blue Grey | #29465B | rgb(41,70,91) |
Dark Slate | #2B3856 | rgb(43,56,86) |
Deep-Sea Blue | #123456 | rgb(18,52,86) |
Night Blue | #151B54 | rgb(21,27,84) |
Midnight Blue | #191970 | rgb(25,25,112) |
Navy | #000080 | rgb(0,0,128) |
Denim Dark Blue | #151B8D | rgb(21,27,141) |
Dark Blue | #00008B | rgb(0,0,139) |
New Midnight Blue | #0000A0 | rgb(0,0,160) |
Earth Blue | #0000A5 | rgb(0,0,165) |
Cobalt Blue | #0020C2 | rgb(0,32,194) |
Medium Blue | #0000CD | rgb(0,0,205) |
Canary Blue | #2916F5 | rgb(41,22,245) |
Blue | #0000FF | rgb(0,0,255) |
Samco Blue | #0002FF | rgb(0,2,255) |
Bright Blue | #0909FF | rgb(9,9,255) |
Blue Orchid | #1F45FC | rgb(31,69,252) |
Ocean Blue | #2B65EC | rgb(43,101,236) |
Blue Ribbon | #306EFF | rgb(48,110,255) |
Blue Dress | #157DEC | rgb(21,125,236) |
Neon Blue | #1589FF | rgb(21,137,255) |
Dodger Blue | #1E90FF | rgb(30,144,255) |
Blueberry Blue | #0041C2 | rgb(0,65,194) |
Sapphire Blue | #2554C7 | rgb(37,84,199) |
Balloon Blue | #2B60DE | rgb(43,96,222) |
Royal Blue | #4169E1 | rgb(65,105,225) |
Cornflower Blue | #6495ED | rgb(100,149,237) |
Sky Blue Dress | #6698FF | rgb(102,152,255) |
Iceberg | #56A5EC | rgb(86,165,236) |
Butterfly Blue | #38ACEC | rgb(56,172,236) |
Deep Sky Blue | #00BFFF | rgb(0,191,255) |
Midday Blue | #3BB9FF | rgb(59,185,255) |
Blue Eyes | #1569C7 | rgb(21,105,199) |
Bright Navy Blue | #1974D2 | rgb(25,116,210) |
Windows Blue | #357EC7 | rgb(53,126,199) |
Silk Blue | #488AC7 | rgb(72,138,199) |
Glacial Blue Ice | #368BC1 | rgb(54,139,193) |
Blue Ivy | #3090C7 | rgb(48,144,199) |
Steel Blue | #4682B4 | rgb(70,130,180) |
Blue Koi | #659EC7 | rgb(101,158,199) |
Columbia Blue | #87AFC7 | rgb(135,175,199) |
Baby Blue | #95B9C7 | rgb(149,185,199) |
Crystal Blue | #5CB3FF | rgb(92,179,255) |
Denim Blue | #79BAEC | rgb(121,186,236) |
Day Sky Blue | #82CAFF | rgb(130,202,255) |
Light Day Blue | #ADDFFF | rgb(173,223,255) |
Light Sky Blue | #87CEEB | rgb(135,206,235) |
Jeans Blue | #A0CFEC | rgb(160,207,236) |
Blue Angel | #B7CEEC | rgb(183,206,236) |
Pastel Blue | #AEC6CF | rgb(180,207,236) |
Sea Blue | #C2DFFF | rgb(194,223,255) |
Heavenly Blue | #C6DEFF | rgb(198,222,255) |
Pastel Light Blue | #D5D6EA | rgb(213,214,234) |
Lavender Blue | #CCCCFF | rgb(227,228,250) |
White Blue | #DBE9FA | rgb(219,233,250) |
Alice Blue | #F0F8FF | rgb(240,248,255) |
Gulf Blue | #C9DFEC | rgb(201,223,236) |
Light Steel Blue | #B0CFDE | rgb(176,207,222) |
Light Blue | #ADD8E6 | rgb(173,216,230) |
Coral Blue | #AFDCEC | rgb(175,220,236) |
Powder Blue | #B0E0E6 | rgb(176,224,230) |
Robin Egg Blue | #BDEDFF | rgb(189,237,255) |
Electric Blue | #9AFEFF | rgb(154,254,255) |
Tron Blue | #7DFDFE | rgb(125,253,254) |
Blue Zircon | #57FEFF | rgb(87,254,255) |
Blue Diamond | #4EE2EC | rgb(78,226,236) |
Blue Lagoon | #8EEBEC | rgb(142,235,236) |
Pale Turquoise | #AFEEEE | rgb(175,238,238) |
Pale Blue Lily | #CFECEC | rgb(207,236,236) |
Light Teal | #B3D9D9 | rgb(179,217,217) |
Tiffany Blue | #81D8D0 | rgb(129,216,208) |
Blue Hosta | #77BFC7 | rgb(119,191,199) |
Cyan Opaque | #92C7C7 | rgb(146,199,199) |
Northern Lights Blue | #78C7C7 | rgb(120,199,199) |
Blue Green | #7BCCB5 | rgb(123,204,181) |
INTERACTIVE TOOL
BLUE COLOR PALETTE GENERATOR
PICK ANY COLOR AND INSTANTLY GENERATE MATCHING COLOR COMBINATIONS
COLOR CARDS TO MIX, MATCH & PLAN
ESSENTIAL COLOR CARD DECK
#AD
200 Color Cards + color guide
Includes Hues, Tints, Tones, Shades & Values with RGB / CMYK / HEX codes. perfect for mixing, matching, and planning hues, tints, tones, and shades hands-on
PIN THE MOST POPULAR BLUE COLORS
SAVE FOR LATER
UNDERSTANDING COLOR CODES
LEARN ABOUT BLUE COLOR CODES
When it comes to digital design, blue hex codes are used to create the perfect shade of blue. Each hex code is made up of 6 letters or numbers which are linked to how much of the colors red, green, and blue are within the color. By changing the combinations, you change the color.
The hex color code is laid out in the following format:
#RRGGBB
Primary Blue Hex Code
Blue is one of the three primary colors and true blue or primary blue contains no red or green. Likewise, yellow (a combination of red and green) contains no blue!
The primary blue hex color code is #0000FF.
This code is broken up into 3 sections – The first two digits are for red color values, the second two are for green color values and the third two are for blue color values.
In the case of primary blue, there are no values for red and green.
However, if for example, you wanted to create red, you would remove the blue values and instead use red’s hex code which is #FF0000. Likewise, if you wanted pure green, you could use the #00FF00 green hex color code.
By combining blue and red, you create purple!
Primary Blue RGB Code
Just like blue’s hex color code, RGB color codes are also broken down into 3 sections, each represented by a number between 0 and 255. Zero represents no color while 255 represents the full color.
Primary blue RGB color code is RGB(0,0,255)
Like before, we have zero values for red and green. Again, if you wanted to create red, you would use an RGB color code of RGB(255,0,0) and green would be RGB(0,255,0).
Why Is Blue So Popular?
When it comes to color psychology and how colors influence people’s emotions, it is well-known that the color blue is associated with peace, serenity, stability, reliability, loyalty, and intelligence.
Because of this, blue is a very popular color choice for everything from home decor to logos. In fact, blue is one of the most commonly used colors in branding and marketing because it is known to evoke feelings of trust and dependability.
Fun fact! There are over 16 million hex color codes to choose from so you really are spoiled for choice when it comes to color codes! Oh, and all these colors are visible on just about all modern monitors, TVs, and mobile devices.
NEED MORE IDEAS & GUIDES?
RESOURCES
If you would like some more resources for the color blue, then we’ve got you covered!
- The Ultimate Indigo Color Guide
- The Ultimate Slate Blue Color Guide
- The Ultimate Periwinkle Color Guide
- Navy Blue Color Palettes
- Blue And Green Color Palettes
- Pastel Blue Color Palettes
- Blue And Brown Color Palettes
- Red And Blue Color Palettes
- Blue And Gray Color Palettes
- Blue And Yellow Color Palettes
- Blue And Orange Color Palettes
- Blue And Purple Color Palettes
- Teal Color Palettes
PRINTABLE PDF – INCLUDING BLUES
HEX COLOR SWATCH PRINTABLE
Check out our latest product to help you easily find color codes and RGB values for your projects
🎨Every Color Code You Need – In One Instant Download!
Never Search for a Hex or RGB Code Again – WITH 500+ COLORS
Say goodbye to endless color searching! Instantly access 500+ organized color swatches – each with hex codes, RGB values, and names. Download, print, and have all your color references at your fingertips for every digital or print project.
FIND YOUR PERFECT COLOR COMBINATIONS
This post is a fantastic resource! I love how you broke down each shade with its hex code and name. It’s so helpful for my design projects. Can’t wait to try out some of these beautiful blues!
I’m so happy that it is helpful! Happy designing 🙂