Color code and palette
Shades of Red
Red is a high-energy family associated with action, urgency and affection. This collection moves from soft rose tints to deep burgundy shades for interfaces, campaigns and brand systems.
Red #EF4444
Color formats
The same base color in common web formats.
HEX
#EF4444 RGB
rgb(239, 68, 68) HSL
hsl(0, 84%, 60%) OKLCH
oklch(64.0% 0.208 25.0) Red is a high-energy family associated with action, urgency and affection. This collection moves from soft rose tints to deep burgundy shades for interfaces, campaigns and brand systems.
Shades
| Color | Name | Hex | |
|---|---|---|---|
| Rose | #FFF1F2 | ||
| Light Pink | #FFE4E6 | ||
| Blush | #FECDD3 | ||
| Salmon Pink | #FDA4AF | ||
| Coral | #FB7185 | ||
| Rose Red | #F43F5E | ||
| Crimson | #E11D48 | ||
| Ruby | #BE123C | ||
| Burgundy | #9F1239 | ||
| Maroon | #881337 | ||
| Cherry | #FCA5A5 | ||
| Tomato | #F87171 | ||
| Red | #EF4444 | ||
| Scarlet | #DC2626 | ||
| Fire Red | #B91C1C | ||
| Blood Red | #991B1B | ||
| Dark Red | #7F1D1D | ||
| Rust | #B45309 | ||
| Brick | #9A3412 | ||
| Wine | #7C2D12 |
Triadic color harmony
Three evenly spaced hues create a colorful but balanced starting palette.
Text contrast
These ratios use the WCAG relative luminance formula.
White textNaN:1
Black textNaN:1
Ways to use red
01
Primary calls to action and alerts
02
Food, sports and entertainment branding
03
Warm accents against neutral backgrounds