Blue colour (#0000FF)

Blue is medium a blue with hex code #0000FF, one of the 148 named colours every browser understands, so you can write color: ${name} directly in CSS. In RGB it is 0, 0, 255; in HSL 240°, 100%, 50%. Use the tool to explore shades and harmonies.

✓ Runs in your browser — nothing uploaded Free, no sign-upNo watermark

How to use the Blue colour

  1. The colour is pre-filled; click Explore to see all formats, shades and harmonies.
  2. Edit the value to try a variation.
  3. Copy the code you need.

Blue in every format

FormatValue
HEX#0000FF
RGBrgb(0, 0, 255)
RGB (0–1)0.000, 0.000, 1.000
HSLhsl(240, 100%, 50%)
CMYK (approx.)100%, 100%, 0%, 0%
CSScolor: blue;

Shades and tints of Blue

Same hue and saturation, lightness from 90% to 10%:

#ccccff #9999ff #6666ff #3333ff #0000ff #0000cc #000099 #000066 #000033

Colours that go with Blue

HarmonyColours
Complementary #ffff00
Triadic #ff0000 #00ff00
Analogous #8000ff #0080ff

Similar named colours

The closest CSS named colours by RGB distance, useful when you need a keyword instead of a hex code or want a near match:

ColourHEXDifference
mediumblue #0000cdclose
darkblue #00008bnoticeably different
navy #000080noticeably different
royalblue #4169e1noticeably different
indigo #4b0082noticeably different

Accessibility

Contrast ratio of Blue against white is 8.59:1 (passes WCAG AA for normal text) and against black 2.44:1 (fails). Use Blue for text on white backgrounds.

Frequently asked questions

What is the hex code for Blue?

#0000FF.

What is Blue in RGB?

rgb(0, 0, 255).

What colour is complementary to Blue?

#ffff00, directly opposite on the colour wheel.

Privacy

This tool runs entirely inside your browser using WebAssembly and the Canvas/File APIs. Your files are never uploaded to ToolFlint or any third party; you can verify this in your browser's network tab or by switching to airplane mode after the page loads. Read how we process files.

Last updated 2026-09-23.