Blue is a versatile color that can evoke a range of emotions and moods depending on its shade and context.
In this article, we’ll explore some of the most popular blues and their hexadecimal and RGB codes.
First, let’s start with the primary blue color, which is a pure blue with no red or green components.
This color has a hex code of #0000FF and an RGB code of 0, 0, 255. It’s a web-safe color that can be used on any display monitor that employs red, green, and blue light.
Now let’s move on to some of the most commonly used blue shades.
Yale Blue, which has a hex code of #0E4C92 and an RGB code of 14, 76, 146, is a deep, rich blue that can convey a sense of stability and trustworthiness.
Pigeon Blue, with a hex code of #7285A5 and an RGB code of 114, 133, 165, is a softer, more muted blue that can create a calming and relaxing atmosphere.
SkyBlue, with a hex code of #95C8D8 and an RGB code of 149, 200, 216, is a light and airy blue that can evoke feelings of serenity and tranquility.
Independence, with a hex code of #4D516D and an RGB code of 77, 81, 109, is a darker and more somber blue that can communicate a sense of seriousness and authority.
Air Force Blue, Baby Blue, Navy Blue, Steel Blue, and Azure are other popular blue shades that you may want to consider for your design or branding projects.
You can find their hexadecimal and RGB codes in the table below:
List of Blue Hex Codes
Color | Color Name | Hex | (RGB) |
---|---|---|---|
Blue | #0018F9 | (0, 24, 249) | |
Yale Blue | #0E4C92 | (14, 76, 146) | |
Pigeon Blue | #7285A5 | (114, 133, 165) | |
SkyBlue | #95C8D8 | (149, 200, 216) | |
Independence | #4D516D | (77, 81, 109) | |
Air Force Blue | #598BAF | (89, 139, 175) | |
Baby Blue | #89CFEF | (137, 207, 239) | |
Navy Blue | #000080 | (0, 0, 128) | |
Steel Blue | #4682B4 | (70, 130, 180) | |
Carolina Blue | #57A0D2 | (87, 160, 210) | |
Turkish Blue | #5097A4 | (80, 151, 164) | |
Maya Blue | #73C2FB | (115, 194, 251) | |
Cornflower Blue | #6693F5 | (102, 147, 245) | |
Olympic Blue | #008ECC | (0, 142, 204) | |
Sapphire | #0F52BA | (15, 82, 186) | |
Azure | #0080FE | (0, 128, 254) | |
Egyptian Blue | #1134A6 | (17, 52, 166) | |
Denim Blue | #131E3A | (19, 30, 58) | |
Prussian Blue | #003151 | (0, 49, 81) | |
Space Blue | #1C2951 | (28, 41, 81) |
It’s no surprise that blue is one of the most widely favored colors since there are hundreds of additional blue hex codes.
Many businesses have also embraced this color for branding, with numerous companies adopting it as their official color such as:
- IBM
- Samsung
- Ford
- GE (General Electric)
Blue is known to have a calming and soothing effect on the mind and body, which is why it’s often associated with feelings of tranquility and relaxation.
It’s also believed to promote feelings of trust, security, and stability, making it a popular choice for corporate branding.
On the other hand, some shades of blue can evoke feelings of sadness or melancholy, which is why it’s important to choose the right shade for the right context.
When we talk about the color blue in terms of web design, it’s made up of only blue light and has no red or green.
This blue color can also be made using other colors like cyan and magenta when we print things on paper. The blue color has a special measurement called hue angle, saturation, and lightness that helps us know more about it.
Color conversion
The hexadecimal color #0000FF has RGB values of R: 0, G: 0, B: 100 and CMYK values of C: 1, M: 1, Y: 0, K:0.
VALUE | CSS | |
---|---|---|
HEX | 0000ff | #0000ff |
RGB DECIMAL | 0, 0, 255 | rgb(0,0,255) |
RGB PERCENTAGE | 0, 0, 100 | rgb(0%, 0%, 100%) |
CMYK | 100, 100, 0, 0 | |
HSL | 240°, 100, 50 | hsl(240°, 100%, 50%) |
HSV (OR HSB) | 240°, 100, 100 | |
WEB SAFE | 0000ff | #0000ff |
CIE-LAB | 32.297, 79.188, -107.86 | |
XYZ | 18.044, 7.218, 95.03 | |
XYY | 0.15, 0.06, 7.218 | |
CIE-LCH | 32.297, 133.808, 306.285 | |
CIE-LUV | 32.297, -9.405, -130.342 | |
HUNTER-LAB | 26.865, 75.488, -199.778 | |
BINARY | 00000000, 00000000, 11111111 |
Jamie Spencer
Latest posts by Jamie Spencer (see all)
- Simple Step By Step Dreamweaver Tutorial – 2023 - May 6, 2023
- Best GoDaddy Alternatives for Domain Names or Web Hosting - May 3, 2023
- 12 Free Mockup and Wireframing Tools for Web Designers - May 1, 2023