Online Tools HarborRed color codes
| CSS name | red |
|---|---|
| HEX | #FF0000 |
| RGB | rgb(255, 0, 0) |
| HSL | hsl(0, 100%, 50%) |
| CMYK | cmyk(0%, 100%, 100%, 0%) |
| Decimal | 16711680 |
Shades of Red (darker)
#E60000 · #CC0000 · #B30000 · #990000 · #800000 · #660000 · #4D0000 · #330000 · #1A0000
Tints of Red (lighter)
#FF1A1A · #FF3333 · #FF4D4D · #FF6666 · #FF8080 · #FF9999 · #FFB3B3 · #FFCCCC · #FFE6E6
Color harmonies
| Complementary | #00FFFF |
|---|---|
| Triadic | #00FF00, #0000FF |
| Analogous | #FF0080, #FF8000 |
Accessibility (WCAG contrast)
| White text on Red | 4.00:1 · AA large text only |
|---|---|
| Black text on Red | 5.25:1 · AA |
Use Red in code
.element {
color: red; /* or #ff0000 */
background-color: rgb(255 0 0 / 0.5);
}Frequently asked questions
What is the hex code for Red?
Red is #FF0000 in HEX, rgb(255, 0, 0) in RGB and hsl(0, 100%, 50%) in HSL.
Can I use "red" directly in CSS?
Yes. "red" is one of the 148 standard CSS named colors, so color: red; works in every browser.
Is Red readable on white?
The contrast ratio of Red on white is 4.00:1 (WCAG AA large text only). On black it is 5.25:1 (AA).
What is the complementary color of Red?
The complementary color (opposite on the color wheel) is #00FFFF.
Similar colors
Orange Red#FF4500Crimson#DC143CFire Brick#B22222Brown#A52A2ADark Red#8B0000Chocolate#D2691ETomato#FF6347Maroon#800000
Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.