Skip to content

Red #ff0000

The color the eye finds first.

RGB
255, 0, 0
HSL
0°, 100%, 50%
CMYK
0, 100, 100, 0
Luminance
0.2126

About Red

Red is the most physiologically loud color humans can see. It sits at the long-wavelength end of the visible spectrum (~625–740 nm), and our eyes carry more receptors tuned near it than almost any other hue — which is why a red element on any screen or shelf is found in milliseconds. Pure red, #ff0000, is one of the three additive primaries: every color your monitor shows is part red.

In interfaces red is a spent currency — use it for destructive actions, errors and genuine alerts, and it retains its power. Scatter it decoratively and every real warning gets quieter.

History

Red is the oldest color humans ever made. Ochre pigments colored cave walls 40,000 years before writing; cinnabar and vermilion painted Roman villas and Chinese lacquer; cochineal — crushed insects from the Americas — became one of the most valuable trade goods of the 16th century because no dye on Earth made a red so saturated.

Synthetic alizarin (1868) collapsed the price of red overnight and put it on flags, uniforms and posters worldwide — which is partly why red became the color of both revolution and mass-market branding.

Psychology

Red measurably raises pulse and perceived urgency; studies show it improves performance on detail-oriented tasks and increases appetite, which is why it dominates fast-food branding. It signals dominance in competition — teams wearing red statistically edge out identical opponents.

It is also the color of proximity: warm hues appear closer than they are, so a red button feels nearer, more pressable, more now.

In design

Pure #ff0000 on white fails WCAG for body text (4.0:1) — reserve it for large headlines, icons and accents, or darken toward #cc0000 / crimson for text roles. On dark canvases, soften toward #f87171-style tints or the surrounding glow will vibrate.

Red pairs cleanly with neutrals (white, black, warm grays) and with its complement cyan for maximum energy. With green it collides — that pairing is for Christmas and stop/go semantics only.

In culture

Red means luck and celebration in China, purity in India, mourning in parts of Africa, and danger or passion across the West — the most culturally loaded color in the palette. Idioms track its intensity: red-handed, red-letter day, seeing red, red tape.

Brands that own red

Shades of red

Every format

HEX#ff0000
RGBrgb(255, 0, 0)
HSLhsl(0, 100%, 50%)
CMYKcmyk(0%, 100%, 100%, 0%)
LABlab(53.2 80.1 67.2)
LCHlch(53.2 104.5 40.0)
OKLCHoklch(0.628 0.258 29.2)

Copy-ready code

/* CSS */
color: #ff0000;
background-color: #ff0000;
/* Tailwind (arbitrary) */
class="text-[#ff0000] bg-[#ff0000]"
/* SCSS */
$brand: #ff0000;
/* SwiftUI */
Color(red: 1.000, green: 0.000, blue: 0.000)
/* Android */
Color.parseColor("#ff0000")

Accessibility — WCAG contrast

Aa
#ff0000 on white: 4.00:1
AA ✗ fail · AA-large · AAA
Aa
#ff0000 on black: 5.25:1
AA ✓ pass · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red100.0%
Green0.0%
Blue0.0%

CMYK percentages

Cyan0.0%
Magenta100.0%
Yellow100.0%
Key (black)0.0%

Color previews

#ff0000 text on a black background

contrast 5.25:1

Card sample

#ff0000 text on a white background

contrast 4.00:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #ff0000;
Background color
Panel with #ff0000 background
background-color: #ff0000;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #ff0000;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(255, 0, 0, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(255, 0, 0, 0.45);
Border & gradient
Gradient panel
border: 3px solid #ff0000;
background: linear-gradient(135deg, #ff0000, #FFAA00);

Monochromatic scale

Palettes built from #ff0000

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Red, answered

What is the hex code for pure red?

Pure red is #ff0000 — rgb(255, 0, 0). It is one of the three additive primary colors, with the red channel at maximum and green and blue at zero.

Is red text accessible on white?

Pure #ff0000 on white gives a 4.0:1 contrast ratio — it fails WCAG AA for normal body text (4.5:1 needed) but passes for large text. Darken to about #d40000 or below for accessible body copy.

What colors go with red?

Neutrals (white, black, gray) let red lead; cyan/teal is its complement for high-energy pairings; pink and orange give analogous warmth. Avoid equal-weight red-green pairings except for semantic stop/go meaning.

Work with #ff0000 in the Color Lab