Red Color

Learn about Red (#ff0000): its uses in web design, HEX/RGB/HSL values, complementary and analogous color schemes, tints and shades, and accessibility contrast recommendations.

#ff0000
HEX #ff0000
RGB rgb(255, 0, 0)
HSL 0°, 100%, 50%

About Red Color

Red is a bold, energetic color that evokes passion, urgency, and excitement. It is widely used for call-to-action buttons, error states, and brand accents.

Use Cases for Red

CTA buttonserror statesbrand accentwarning signssale tags

Shades & Tints of Red

#ffffff
#ffbfbf
#ff8080
#ff4040
#ff0000
#bf0000
#800000
#400000
#000000

Complementary Color

#ff0000
#00ffff

Analogous Colors

#ff0080
#ff0000
#ff8000

CSS Code

.red-color {
  color: #ff0000;
}

Contrast Recommendations

Black text on Red
Ratio: 5.25:1 ✓ Passes AA ✗ Fails AAA
White text on Red
Ratio: 4:1 ✗ Fails AA ✗ Fails AAA

Frequently Asked Questions

What color is Red?

Red is represented by the hex code #ff0000 and has RGB values of rgb(255, 0, 0). It falls under the Red category.

How to use Red in web design?

Red works well for CTA buttons, error states, brand accent. Red is a bold, energetic color that evokes passion, urgency, and excitement. It is widely used for call-to-action buttons, error states, and brand accents. Use it as a primary color, accent, or background depending on your design needs.

What colors go with Red?

Colors that pair well with Red include crimson, firebrick, darkred, tomato, coral. For a complementary scheme, try #00ffff. For an analogous scheme, use #ff0080 and #ff8000.