What color is #FF0000?

#FF0000 is a medium, vivid red — rgb(255, 0, 0). It is exactly the CSS named color red.

How do I make tints and shades of #FF0000?

Mix #FF0000 with white for tints and with black for shades. A 20% tint of #FF0000 is #ff3333 and a 20% shade is #cc0000; the full 10%–90% ramps are precomputed on this page.

What text color is readable on #FF0000?

Black text gives the strongest contrast on a #FF0000 background at 5.25:1, which passes WCAG AA for normal text but not AAA.

#FF0000 — Tints, Shades & Color Values

Every value on this page is precomputed — copy what you need.

#FF0000

#FF0000 is a medium, vivid red. It is exactly the CSS named color red. For readable text on a #FF0000 background, black text gives the strongest contrast (5.25:1). #FF0000 sits in the middle of the lightness range, so it can serve as a primary brand or accent color — use its tints for backgrounds and its shades for text and pressed states.

Want to fine-tune this color interactively? Open #FF0000 in the tint & shade generator to explore the full lightness, hue, and chroma scales and copy any step.

Color Values

Hex	`#FF0000`
RGB	`rgb(255, 0, 0)`
HSL	`hsl(0, 100%, 50%)`
HSV / HSB	`0°, 100%, 100%`
Nearest named	`red` (`#ff0000`)

Need these in another format? Use our hex to RGB converter for quick two-way conversion.

Tints of #FF0000 (Mixed with White)

Each step blends the base color toward white using new = old + (255 − old) × factor. Click a swatch to open it in the generator.

10% tint #ff1a1a
20% tint #ff3333
30% tint #ff4d4d
40% tint #ff6666
50% tint #ff8080
60% tint #ff9999
70% tint #ffb3b3
80% tint #ffcccc
90% tint #ffe6e6

Shades of #FF0000 (Mixed with Black)

Each step blends the base color toward black using new = old × (1 − factor).

10% shade #e60000
20% shade #cc0000
30% shade #b30000
40% shade #990000
50% shade #800000
60% shade #660000
70% shade #4d0000
80% shade #330000
90% shade #190000

WCAG Contrast & Accessibility

Contrast ratios for text placed on a #FF0000 background. WCAG requires 4.5:1 for normal text (AA), 3:1 for large text (AA), and 7:1 for normal text (AAA).

Text color	White text 4.00:1 — AA normal: Fail · AA large: Pass · AAA: Fail
	Black text 5.25:1 — AA normal: Pass · AA large: Pass · AAA: Fail

If neither pure white nor pure black reaches the level you need, pick a darker shade of #FF0000 from the ramps above as the background instead — small lightness moves change contrast quickly. Test any other pair with the free contrast checker.

More red colors in the library: #E11D48 (rose-600), #DC2626 (red-600), #DC143C, #C0392B, #E74C3C, #B91C1C (red-700).

Frequently Asked Questions

What color is #FF0000?

#FF0000 is a medium, vivid red — rgb(255, 0, 0). It is exactly the CSS named color red.
How do I make tints and shades of #FF0000?

Mix #FF0000 with white for tints and with black for shades. A 20% tint of #FF0000 is #ff3333 and a 20% shade is #cc0000 — the full 10%–90% ramps are precomputed on this page, or open #FF0000 in the generator for finer steps.
What text color is readable on #FF0000?

Black text gives the strongest contrast on a #FF0000 background at 5.25:1, which passes WCAG AA for normal text but not AAA.

Browse more colors in the color library, or start from any hex code on the HexTints homepage.

Building a brand around #FF0000? Put it on a free link-in-bio page →