- No data uploaded
- Instant results
Red — #FF0000
Red is the CSS named colour red, hex #FF0000. It has a contrast ratio of 4.00:1 on white and 5.25:1 on black — best used as text on dark backgrounds.
Red — #FF0000
Contrast on white 4.00:1 · on black 5.25:1
Tints
Shades
Complementary
Triadic
Analogous
Using Red in code
CSS: color: red; or color: #FF0000; · Tailwind: text-[#FF0000] · Android/Flutter: 0xFFFF0000
Red colour harmonies
Complementary: #00FFFF · Triadic: #00FF00, #0000FF · Analogous: #FF0080, #FF8000. Use tints for backgrounds and shades for hover states.
Red in every colour format
| Format | Value |
|---|---|
| HEX | #FF0000 |
| RGB | rgb(255, 0, 0) |
| HSL | hsl(0, 100%, 50%) |
| HSV | hsv(0, 100%, 100%) |
| CMYK | cmyk(0%, 100%, 100%, 0%) |
| CSS name | red |
| Contrast on white | 4.00:1 |
| Contrast on black | 5.25:1 |
Frequently asked questions
What is the hex code for Red?
#FF0000 (CSS name: red).
What is Red in RGB?
rgb(255, 0, 0)
What colour goes well with Red?
Its complementary colour #00FFFF, or the analogous #FF0080 and #FF8000.