red — #FF0000
#FF0000
rgb(255, 0, 0) · hsl(0, 100%, 50%) · CSS keyword red
Can you put text on it?
| Contrast | Body text | Large text | |
|---|---|---|---|
| red on white | 4:1 | — | AA |
| red on black | 5.25:1 | AA | AA |
As a background, red takes black text: 5.25:1 against 4:1 the other way. A colour picker will give you the hex and stop there, which is why so many palettes look right and fail an accessibility audit.
Using it
color: red;
color: #ff0000;
color: rgb(255 0 0);All three are the same colour. The keyword is one of the 141 CSS named colours — a list settled in CSS 2.1 and added to exactly once since, when rebeccapurple was standardised in 2014.
Colours close to red
- crimson — #DC143C
- firebrick — #B22222
- deeppink — #FF1493
- orangered — #FF4500
- mediumvioletred — #C71585
- brown — #A52A2A
Frequently asked questions
What is the hex code for red?
The hex code for red is #FF0000 — RGB 255, 0, 0.
Can I use red for text?
Only for large text. red reaches 4:1 against white — enough for the 3:1 of headings at 24px or 18.5px bold, short of the 4.5:1 body text needs.
Should text on red be black or white?
Black — 5.25:1 against 4:1 the other way.
Other named colours
- rosybrown — #BC8F8F
- royalblue — #4169E1
- saddlebrown — #8B4513
- salmon — #FA8072
- sandybrown — #F4A460
- seagreen — #2E8B57
- seashell — #FFF5EE
- sienna — #A0522D
- silver — #C0C0C0
- skyblue — #87CEEB
- slateblue — #6A5ACD
- slategray — #708090
#FF0000 in full — tints, shades and harmonies · All named colours · Colour reference