Blue Color Code with Example in HTML & CSS – RGB, HEX, CMYK, HSL..

The blue color code refers to the hexadecimal representation of the shade of blue used in web design and graphic design. The hexadecimal code is a six-digit number preceded by a hash symbol (#) and used to specify a particular shade of blue in HTML, CSS, and other coding languages.

Blue Color

Blue is a hue with a rich and storied history, having been utilized in a wide range of contexts including royalty, the arts, military, commerce, and the natural world. This versatility has made it a popular choice for many different applications.

The origins of blue as a color can be traced back to ancient civilizations, where blue azurite was used for decorative purposes and as a mineral in jewelry. This intense shade of blue was later transformed into the costly paint pigment ultramarine during the Renaissance.

Today, the blue color is represented by the hexadecimal code #0000FF, which provides a standardized way to specify and display the desired shade on digital platforms. With its rich cultural and historical background, it’s no wonder that blue remains a favorite among designers, artists, and color enthusiasts alike.

Blue has left a lasting impact on the world of art throughout the centuries. From the stunning stained glass windows of the Middle Ages, to the delicate blue and white porcelain of ancient China, blue has been a prominent color in many art forms. This popularity extends to renowned artists like Renoir and Van Gogh, who have utilized blue to great effect in their works.

Blue has also found a place in the hearts of many, as evidenced by public opinion surveys in both the US and UK. The majority of men and women have reported that blue is their preferred color, cementing its status as a popular hue.

If you’re seeking a hue related to blue, consider exploring some of the following shades:

  • Dark blue: A rich, intense shade of blue that exudes sophistication and depth.
  • Blue gray: A subtle, muted shade that combines the tranquility of blue with the neutral warmth of gray.
  • Blue green: A harmonious blend of blue and green that evokes the peacefulness of nature.
  • Midnight blue: A rich, dark shade of blue reminiscent of the night sky.

Whether you’re an artist, designer, or simply a color enthusiast, blue offers a wealth of possibilities for creativity and expression.

Blue Color Code

  • The blue hex code is #0000FF.
  • The Blue Color RGB Code is (0,0,255).
  • The Blue Color Decimal Code is (0,0,255).

There are many shades of blue, each with its own unique hexadecimal code. Some of the most popular shades of blue include:

  • Baby blue (#89CFF0): A light, pastel shade of blue often used in baby products and clothing.
  • Sky blue (#87CEEB): A bright shade of blue reminiscent of a clear sky.
  • Steel blue (#4682B4): A darker shade of blue often used for corporate logos and websites.
  • Royal blue (#4169E1): A rich, deep shade of blue often used in official or regal contexts.
  • Powder blue (#B0E0E6): A pale, powdery shade of blue often used in light and airy designs.

In addition to its use in web design and graphic design, the blue color code is also used in digital printing and color calibration. By specifying a specific shade of blue using its hexadecimal code, designers and printers can ensure that the blue used in a design will be consistent across different devices and platforms.

It’s important to note that while the hexadecimal code provides a way to specify a particular shade of blue, the actual appearance of the color may vary depending on the device or screen being used. This is due to differences in color gamut and color calibration between devices.

Information about Blue / #0000FF

Blue, represented by the hex code #0000FF, is a pure and striking shade of blue that has a unique composition in different color spaces.

In a RGB color space, which is created by mixing red, green, and blue light, #0000FF is comprised of 0% red, 0% green, and 100% blue. This results in a pure shade of blue that is bright and vibrant.

In a CMYK color space, used for printing with process colors or four colors, #0000FF is made up of 100% cyan, 100% magenta, 0% yellow, and 0% black. This color configuration creates a deep, rich blue hue that is ideal for printing.

From a color perspective, blue has a hue angle of 240 degrees and a saturation of 100%. This means that it is a highly saturated shade of blue that sits at the blue end of the color spectrum. Additionally, blue has a lightness value of 50%, making it a balanced shade that is neither too light nor too dark.

Color conversion

The distinctive shade of Blue, identified by the hexadecimal code #0000FF, boasts RGB values of R: 0, G: 0, and B: 100, along with CMYK values of C: 1, M: 1, Y: 0, and K: 0.

RGB DECIMAL0, 0, 255rgb(0,0,255)
RGB PERCENTAGE0, 0, 100rgb(0%, 0%, 100%)
CMYK100, 100, 0, 0
HSL240°, 100, 50hsl(240°, 100%, 50%)
HSV (OR HSB)240°, 100, 100
WEB SAFE0000ff#0000ff
CIE-LAB32.297, 79.188, -107.86
XYZ18.044, 7.218, 95.03
XYY0.15, 0.06, 7.218
CIE-LCH32.297, 133.808, 306.285
CIE-LUV32.297, -9.405, -130.342
HUNTER-LAB26.865, 75.488, -199.778
BINARY00000000, 00000000, 11111111

How to make blue color in html & Css

In HTML and CSS, you can specify colors using different methods, including color names, hexadecimal values, and RGB values. To create the color blue, you can use the following methods:

  1. Using color names: You can specify blue as a color name directly in the HTML or CSS code. For example, in HTML:
<body style="background-color: blue;">

Or in CSS:

body {
  background-color: blue;
  1. Using hexadecimal values: Hexadecimal values specify colors using a combination of numbers and letters. To create the color blue, you can use the hexadecimal value #0000FF. For example, in HTML:
<body style="background-color: #0000FF;">

Or in CSS:

body {
  background-color: #0000FF;
  1. Using RGB values: RGB values specify colors using values for red, green, and blue. To create the color blue, you can use the RGB value rgb(0,0,255). For example, in HTML:
<body style="background-color: rgb(0,0,255);">

Or in CSS:

body {
  background-color: rgb(0, 0, 255);

These are just a few examples of how you can specify the color blue in HTML and CSS. You can experiment with different methods and values to create the exact shade of blue that you want for your design project.


The blue color code is an important tool for designers and developers working with color in digital media. Whether you’re looking to achieve a specific shade of blue or simply want to specify a color in your code, the hexadecimal code provides a convenient and precise way to do so.

blue represented by the hex code #0000FF is a versatile shade that can be used in a range of applications, from digital graphics to printing. Its unique composition in different color spaces and its bright and vivid hue make it a popular choice for designers and artists alike.