#ff0000 rgb(255, 0, 0) 0°, 100%, 50% Use Red in Your Projects
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
Shades & Tints of Red
Complementary Color
Analogous Colors
Triadic Colors
Split Complementary
Tetradic Colors
CSS Code
.red-color {
color: #ff0000;
background-color: #ff0000;
}
/* As a CSS custom property */
:root {
--color-red: #ff0000;
}Accessibility Score
A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.
Contrast Recommendations
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. For a triadic scheme, combine with #00ff00 and #0000ff.