Red Color Picker & Palette
Red is a bold, energetic color associated with passion, urgency, and warmth. Use our tools to explore red in every format and find harmonious color schemes.
#ff0000
rgb(255, 0, 0)
hsl(0, 100%, 50%)
oklch(0.628 0.258 29.2)
cmyk(0%, 100%, 100%, 0%)
Use Cases
Call-to-action buttons and alerts
Sale and discount badges
Error messages and form validation
Food and restaurant branding
Tips
Pair red with white for maximum readability
Use darker reds (#8b0000) for a more sophisticated feel
Red draws immediate attention — use sparingly for emphasis
FAQ
What is the HEX code for red?
Pure red is #FF0000. This represents maximum red (255) with zero green and zero blue in the RGB model.
What colors go well with red?
Red pairs well with white, black, gold, navy blue, and complementary green tones. For softer palettes, try red with cream or blush pink.
Is red accessible for web design?
Red (#FF0000) has a contrast ratio of 4:1 against white, which fails WCAG AA for normal text. Use darker reds like #CC0000 or add a dark background for accessibility.
What does red represent in design?
Red conveys urgency, passion, energy, and danger. It's commonly used for CTAs, alerts, sale badges, and food branding.
How do I convert red to HSL?
Red (#FF0000) in HSL is hsl(0, 100%, 50%). The hue is 0 degrees, full saturation, and 50% lightness.