Media Red Color Palette
A bold media red palette for news, entertainment, and content platforms. Conveys urgency and excitement.
Deep Media
HEX: #7f1d1d
RGB: rgb(127, 29, 29)
HSL: hsl(0, 63%, 31%)
News Red
HEX: #b91c1c
RGB: rgb(185, 28, 28)
HSL: hsl(0, 74%, 42%)
Media Red
HEX: #ef4444
RGB: rgb(239, 68, 68)
HSL: hsl(0, 84%, 60%)
Light Red
HEX: #fca5a5
RGB: rgb(252, 165, 165)
HSL: hsl(0, 94%, 82%)
Red Surface
HEX: #fee2e2
RGB: rgb(254, 226, 226)
HSL: hsl(0, 93%, 94%)
CSS Variables
:root {
--media-red-1: #7f1d1d;
--media-red-2: #b91c1c;
--media-red-3: #ef4444;
--media-red-4: #fca5a5;
--media-red-5: #fee2e2;
}Tailwind CSS Config
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'media-red': {
'100': '#7f1d1d',
'200': '#b91c1c',
'300': '#ef4444',
'400': '#fca5a5',
'500': '#fee2e2',
},
},
},
},
}Use Cases
News platforms
Video streaming
Podcast apps
Social media
Related Palettes
Frequently Asked Questions
Why is red used in media and entertainment?▾
Red creates excitement, urgency, and emotional engagement. YouTube, Netflix, CNN, and BBC all use red because it captures attention and drives action.
How do I use red without creating alarm?▾
Reserve pure red for logos and key actions. Use lighter reds and pinks for backgrounds and less critical elements. Balance with neutral gray and white.