Red colour (#FF0000)

Red is medium a red with hex code #FF0000, one of the 148 named colours every browser understands, so you can write color: ${name} directly in CSS. In RGB it is 255, 0, 0; in HSL 0°, 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 Red 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.

Red in every format

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

Shades and tints of Red

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

#ffcccc #ff9999 #ff6666 #ff3333 #ff0000 #cc0000 #990000 #660000 #330000

Colours that go with Red

HarmonyColours
Complementary #00ffff
Triadic #00ff00 #0000ff
Analogous #ff8000 #ff0080

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
orangered #ff4500close
crimson #dc143cclose
firebrick #b22222noticeably different
brown #a52a2anoticeably different
darkred #8b0000noticeably different

Accessibility

Contrast ratio of Red against white is 4:1 (fails WCAG AA for normal text) and against black 5.25:1 (passes). Use black or very dark text on a Red background rather than white.

Frequently asked questions

What is the hex code for Red?

#FF0000.

What is Red in RGB?

rgb(255, 0, 0).

What colour is complementary to Red?

#00ffff, 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.