Blue Color

About blue

#0000FF is the CSS named color blue and one of the three RGB primaries: the blue channel is at its maximum and red and green are off. It is the most saturated blue a standard sRGB screen can show.

Although it looks vivid, pure blue is a dark color in terms of brightness, because the human eye is least sensitive to blue light. That is why white text on pure blue is easy to read, while pure blue on black is not.

#0000FF is the value of the CSS named color blue, defined in the CSS Color specification and identical in every browser.

Other colors called blue

• Classic link blue #0000EEThe default color of unvisited links in many browsers.Copy
• Dodger blue (CSS) #1E90FFA brighter, friendlier blue for interfaces.Copy

Blue shades and tints

Shades mix blue with black, tints mix it with white — useful for hover states, borders and backgrounds. Click a swatch to copy its HEX code.

Colors that go with blue

Color harmonies based on the hue of #0000FF: its complement on the opposite side of the color wheel, its analogous neighbours and its triadic partners.

Blue contrast and readability

On a blue background, white text reads best (8.59:1). Here is how blue works as a text color:

Pure #0000FF can feel harsh in interfaces. For buttons and links, most sites use a slightly lighter or less saturated blue — dodgerblue (#1E90FF) and royalblue (#4169E1) are common starting points.

Using blue in CSS and HTML

:root {
  --color-blue: #0000FF;
}

.highlight {
  background-color: var(--color-blue);
}

.banner {
  background-color: blue;
  color: #ffffff;
}

.label {
  color: #0000FF;
  border: 2px solid rgb(0, 0, 255);
}

<p style="background-color: #0000FF; color: #FFFFFF;">
  Blue background
</p>