Blue Color — HEX, RGB, HSL, Palettes & Contrast

Blue (#0000ff): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

#0000ff
HEX #0000ff
RGB rgb(0, 0, 255)
HSL 240°, 100%, 50%

Use Blue in Your Projects

About Blue Color

Blue is a trustworthy, professional color associated with stability and calm. It is the most popular color for corporate websites and social media platforms.

Use Cases for Blue

corporate brandinglinkssocial mediatrust signalsheaders

Shades & Tints of Blue

#ffffff
#bfbfff
#8080ff
#4040ff
#0000ff
#0000bf
#000080
#000040
#000000

Complementary Color

#0000ff
#ffff00

Analogous Colors

#0080ff
#0000ff
#8000ff

Triadic Colors

#0000ff
#ff0000
#00ff00

Split Complementary

#0000ff
#ff8000
#80ff00

Tetradic Colors

#0000ff
#ff00ff
#ffff00
#00ff00

CSS Code

.blue-color {
  color: #0000ff;
  background-color: #0000ff;
}

/* As a CSS custom property */
:root {
  --color-blue: #0000ff;
}

Accessibility Score

100 / 100
Rating: Excellent
AA contrast on best text color (30 pts)
AAA contrast on best text color (25 pts)
Versatile lightness for backgrounds & text (25 pts)
Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

Contrast Recommendations

Black text on Blue
Ratio: 2.44:1 ✗ Fails AA ✗ Fails AAA
White text on Blue
Ratio: 8.59:1 ✓ Passes AA ✓ Passes AAA

Frequently Asked Questions

What color is Blue?

Blue is represented by the hex code #0000ff and has RGB values of rgb(0, 0, 255). It falls under the Blue category.

How to use Blue in web design?

Blue works well for corporate branding, links, social media. Blue is a trustworthy, professional color associated with stability and calm. It is the most popular color for corporate websites and social media platforms. Use it as a primary color, accent, or background depending on your design needs.

What colors go with Blue?

Colors that pair well with Blue include navy, royalblue, dodgerblue, steelblue, mediumblue. For a complementary scheme, try #ffff00. For an analogous scheme, use #0080ff and #8000ff. For a triadic scheme, combine with #ff0000 and #00ff00.