Red

Pure red is the loudest color on the screen — maximum chroma, zero subtlety. Reserve it for errors, alerts, and moments that must interrupt; anywhere else, reach for its darker siblings.

error statesalertssale badges

Values in every format

HEX: #ff0000
RGB: rgb(255, 0, 0)
HSL: hsl(0, 100%, 50%)
OKLCH: oklch(0.628 0.258 29.2)
CMYK: cmyk(0%, 100%, 100%, 0%)

Hue family: Red · closest CSS name: red. Convert this color

Perceptual shade scale

Eleven even steps from 50 to 950, computed in OKLCH — the starred stop is #FF0000 itself.

50#fff5f3
100#ffe7e3
200#ffd3cb
300#ffb8ac
400#ff8e7e
500#ff5847
600 ★#ff0000
700#c70000
800#9e0000
900#7b0000
950#4f0000

Build a full system from #FF0000

Harmonies with red

Complementary

Maximum contrast — use one side for action, the other sparingly.

#ff0000 #00ffff

Analogous

Neighbors on the wheel — calm, cohesive, hard to get wrong.

#ff0080 #ff0000 #ff8000

Triadic

Three evenly spaced hues — vibrant, needs one clear leader.

#ff0000 #00ff00 #0000ff

Measured contrast

on white4:1 · AA large only

on black5.25:1 · AA normal ✓

Check your own pairs