Red is a medium, vivid shade in the red color family, with a warm feel. Its HEX code is #FF0000, which equals rgb(255, 0, 0) in RGB and hsl(0, 100%, 50%) in HSL. In print terms it converts to roughly C0 M100 Y100 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#FF0000 - RGB
255, 0, 0 - HSL
0°, 100%, 50% - CMYK
0, 100, 100, 0 - Family
Red - Tone
Medium, vivid
About Red
Red shades carry energy, urgency and passion. They draw the eye first, which makes them a favorite for calls to action, sale banners, alerts and brands that want to feel bold. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 5.25:1. Its complementary color is #00FFFF.
Download Red as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Red color codes
| HEX | #FF0000 |
|---|---|
| RGB | rgb(255, 0, 0) |
| HSL | hsl(0, 100%, 50%) |
| HSV | 0°, 100%, 100% |
| CMYK | 0%, 100%, 100%, 0% |
| Decimal | 16711680 |
Shades and tints of Red
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FFD5D5 - 100
#FFAAAA - 200
#FF8080 - 300
#FF5555 - 400
#FF2B2B - 500
#FF0000 - 600
#D50000 - 700
#AA0000 - 800
#800000 - 900
#550000 - 950
#2B0000
Color harmonies for Red
- Complementary
#00FFFF≈ Pure Teal - Analogous −30°
#FF0080≈ Rose - Analogous +30°
#FF8000≈ Dark Orange - Triadic +120°
#00FF00≈ Pure Shamrock - Triadic +240°
#0000FF≈ Pure Ultramarine - Split 150°
#00FF80≈ Spring Green - Split 210°
#0080FF≈ Azure Blue
Contrast and accessibility of Red
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Red | Aa | 4.00:1 | AA Large only |
| Black text on Red | Aa | 5.25:1 | AA (good) |
CSS code for Red
background-color: #FF0000;color: #FF0000;background-color: rgb(255, 0, 0);background-color: hsl(0, 100%, 50%);:root { --color-red: #FF0000; }class="bg-[#FF0000]"Colors similar to Red
- Pure Cardinal
#FF001A - Pure Scarlet
#FF1A00 - Medium Dark Red
#D60000 - Scarlet
#FF2400 - Pure Crimson
#FF0033 - Bright Red
#E61919 - Medium Dark Cardinal
#D60015 - Medium Dark Scarlet
#D61500 - Bright Cardinal
#E6192E - Medium Dark Crimson
#D6002B - Medium Light Red
#FF2929 - Pure Vermilion
#FF3300
More red shades
- Light Coral
#F08080 - Salmon
#FA8072 - Tomato
#FF6347 - Brown
#A52A2A - Dark Red
#8B0000 - Maroon
#800000 - Rosy Brown
#BC8F8F - Burgundy
#800020 - Vermilion
#E34234 - Terracotta
#E2725B - Cinnabar
#E44D2E
Frequently asked questions
What is the HEX code for Red?
The HEX code for Red is #FF0000.
What is the RGB value of Red?
Red has an RGB value of 255, 0, 0 (rgb(255, 0, 0)). In HSL it is 0°, 100%, 50%.
What text color should I use on Red?
Use black text on Red. White text has a contrast ratio of 4.00:1 and black text has 5.25:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Red?
The complementary color of Red is #00FFFF. Analogous colors #FF0080 and #FF8000 also pair well.