Shades of blue

Blue hex codes by source

Color names are not standardized, so the same name can point to different colors. Here is every definition of blue in our three sources, with how close each one is to the reference.

Named shades of blue

151 names in the CSS keywords and the xkcd Color Survey belong to the blue family. They are sorted from light to dark; click a swatch to copy its code, or open the ones with their own page.

Light blue shades 34

Medium blue shades 61

Dark blue shades 56

Tints and shades of blue

The same hue from light to dark, generated in OKLab so the steps look even. Click a step to copy its HEX code.

Colors that go with blue

Classic color-wheel combinations built on #0000FF, computed in OKLCH so the partners keep the same lightness and intensity. Each swatch shows the nearest common name.

Blue with white and black text

WCAG asks for a contrast of at least 4.5:1 for body text (AA) and 3:1 for large text. On a blue background, white text is the better choice.

Use blue in CSS

.blue {
  color: #0000FF;
  /* or */ color: rgb(0 0 255);
  /* or */ color: hsl(240 100% 50%);
  /* or */ color: oklch(45.2% 0.313 264.1);
  /* CSS keyword */ color: blue;
}

More blue colors