Red color values
| Format | Value |
|---|---|
| Hex | #FF0000 |
| RGB | rgb(255, 0, 0) |
| HSL | hsl(0, 100%, 50%) |
| HSV | 0, 100%, 100% |
| CMYK (simple conversion) | 0%, 100%, 100%, 0% |
| Decimal | 16711680 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Red
The most intense primary color, universally tied to passion, danger, and importance. In user interfaces, it signals errors, deletions, and urgent notifications. Brands use it to stimulate appetite and grab attention quickly in crowded visual environments. It is one of the 148 CSS named colors.
Shades and tints of Red
Tints mix Red with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #FF1A1A | #E60000 |
| 20% | #FF3333 | #CC0000 |
| 30% | #FF4D4D | #B30000 |
| 40% | #FF6666 | #990000 |
| 50% | #FF8080 | #800000 |
Color harmony for Red
These colors keep the same saturation and lightness as Red and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #00FFFF |
| Analogous | #FF0080 #FF8000 |
| Triadic | #00FF00 #0000FF |
| Split complementary | #00FF80 #0080FF |
Contrast and accessibility
Contrast between #FF0000 and white is 4.00:1 (large text only). Against black it is 5.25:1 (passes AA). For text on a Red background, black text is the more readable choice.
Use Red in CSS
.element {
color: red;
background-color: #FF0000;
border-color: rgb(255 0 0);
outline-color: hsl(0 100% 50%);
}All four lines produce exactly the same color. The keyword red is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
- Orange Red: #FF4500
- Crimson: #DC143C
- firebrick: #B22222
- Brown: #A52A2A
FAQ
What is the hex code for Red?
The hex code for Red is #FF0000. As a CSS color keyword you can also write red.
What is Red in RGB?
Red is rgb(255, 0, 0): red 255, green 0, blue 0 on the 0 to 255 scale.
What color is closest to Red?
Of the CSS named colors, orangered (#FF4500) is the closest match to Red, followed by crimson and firebrick.
More colors
- Purple: previous page
- Royal Blue: next page
- CSS named colors: the full list