Skip to content

Blue Color Codes: Shades of Blue with HEX and RGB

Shades of blue with HEX, RGB and HSL codes: named CSS blues, Tailwind and Bootstrap blues, web-safe blues and blue color combinations.

Named blue colors (CSS)

Blues in Tailwind CSS and Bootstrap

Web-safe blue colors

Blue color combinations

Five-color schemes built from #2563EB with color-wheel rules. Click a color to copy it, or open the scheme in the palette generator.

Monochromatic Edit
Complementary Edit
Analogous Edit
Triadic Edit
Soft & muted Edit
High contrast Edit

Blue is the most common color on the web. It signals trust, calm and reliability, which is why banks, software companies and social networks use it, and it is the traditional color for links.

Using blue in web design

  • Mid blues such as #2563EB (Tailwind blue-600) pass AA with white text and make solid primary buttons.
  • Navy blues are a softer alternative to black for headings and dark sections.
  • Light blues make clean backgrounds for info messages and highlighted cards.

About this page

The colors above are grouped automatically by hue, saturation and lightness. Click any swatch to copy its HEX code, or open Details to convert it to RGB, HSL, HSV and CMYK in the color picker. To build a full scale from one of these colors, use the tints & shades generator, and check text colors with the contrast checker.