Red hex code
The hex code for red is #FF0000. In RGB that is rgb(255, 0, 0) and in HSL it is hsl(0, 100%, 50%).
The hex code for red is #FF0000. In RGB that is rgb(255, 0, 0) and in HSL it is hsl(0, 100%, 50%).
Red · #FF0000
Colour codes
- HEX
- #FF0000
- RGB
- rgb(255, 0, 0)
- HSL
- hsl(0, 100%, 50%)
- CMYK
- 0, 100, 100, 0
- CSS name
- red
- Contrast on white
- 4.00:1
- Contrast on black
- 5.25:1
Tints and shades
20% lighter · #ff3333
40% lighter · #ff6666
60% lighter · #ff9999
80% lighter · #ffcccc
20% darker · #cc0000
40% darker · #990000
60% darker · #660000
80% darker · #330000
Complementary colour
Red · #FF0000
Opposite on the colour wheel · #00ffff
Frequently asked questions
What is the hex code for red?
The hex code for red is #FF0000. In RGB that is rgb(255, 0, 0) and in HSL it is hsl(0, 100%, 50%).
Can I use red for text?
It has a contrast ratio of 4.00:1 on white and 5.25:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with red?
Its complementary colour, opposite on the colour wheel, is #00FFFF. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of red instead.
Is red a CSS colour name?
Yes. CSS accepts the keyword red, so color: red and color: #FF0000 render exactly the same.