#FF0000
red
#FF0000 is the CSS named color "red", an exact match. In RGB it breaks down to red 255, green 0, and blue 0 out of 255 each. In HSL terms that's a hue of 0°, 100% saturation, and 50% lightness: a mid-tone — usable as an accent for buttons, links, and icons against either a light or dark background.
Every format
| HEX | #ff0000 |
| RGB | rgb(255, 0, 0) |
| HSL | hsl(0° 100% 50%) |
| HSB | hsb(0° 100% 100%) |
| OKLCH | oklch(63% 0.258 29°) |
| OKLAB | oklab(63% 0.225 0.126) |
| LCH | lch(54% 106.8 41°) |
| CMYK | cmyk(0% 100% 100% 0%) |
Shades (darker)
#ff0000 · #ec0000 · #d90000 · #c60000 · #b30000
Tints (lighter)
#ff0000 · #ff261b · #ff3b2c · #ff4b3a · #ff5b48
Shades mix #FF0000 toward black in even steps, useful for hover and pressed states in a UI; tints mix it toward white, useful for subtle backgrounds and disabled states that still read as the same color family.
On white: 4.00:1 — AA (large text only)
On black: 5.25:1 — AA
Frequently asked
- What is #FF0000 in RGB?
- #FF0000 is rgb(255, 0, 0) — red 255, green 0, blue 0 out of 255 each.
- Does #FF0000 pass WCAG contrast on a white background?
- It has a contrast ratio of 4.00:1 against white, which passes WCAG AA (large text only) for normal text.
- What's a good background color to pair with #FF0000?
- Black text or a black background gives better contrast (5.25:1) than white (4.00:1).