Red Color

Red — The Color of Urgency and Energy

#FF0000Red

Color Values

HEX#FF0000

RGBrgb(255, 0, 0)

HSLhsl(0°, 100%, 50%)

CSSred

Shade Palette

#FFF5F5

100

#FED7D7

300

#FC8181

500

#F56565

700

#C53030

900

#742A2A

Complementary Color

↔

#00FFFF

Cyan

Analogous Colors

#FF4500

OrangeRed

#FF0080

Rose

CSS Usage

CSS

/* By name */
color: red;
background-color: red;

/* By HEX */
color: #FF0000;
background-color: #FF0000;

/* By RGB */
color: rgb(255, 0, 0);

/* By HSL */
color: hsl(0deg, 100%, 50%);

/* With opacity */
color: rgba(255, 0, 0, 0.8);
color: hsl(0deg 100% 50% / 80%);

Pure red (#FF0000) can cause eye fatigue when used for body text due to its extreme saturation. For text, prefer slightly toned-down variants like #DC2626 or #EF4444 which still read as red but are easier on the eyes.

Red (#FF0000) is the pure red value in the RGB color model, sitting at maximum red intensity with zero green and blue. It is one of the colors most rapidly perceived by the human eye, which is why it is universally used for warnings, errors, and calls to action. In web design, red communicates urgency, danger, and passion. Because of its extreme saturation, pure red works best as an accent rather than a dominant background color.