#FF4545 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-octane red is saturated and aggressive, demanding immediate attention. Because it leans so bright, #ff4545 can overwhelm if used as a background. Instead, reserve this hex code for 10% accents like calls-to-action or critical error states where readability matters. It pairs surprisingly well with dark charcoal grays rather than pure black, which keeps the intensity controlled and professional.
Questions about #ff4545
What is #ff4545 in RGB, HSL and CMYK?
In RGB, #ff4545 is rgb(255, 69, 69), in HSL hsl(0, 100%, 64%) and in CMYK 0%, 73%, 73%, 0%.
How should I use #ff4545 in my design layouts?
Use #ff4545 sparingly as a 10% accent color for high-priority elements like alert icons or buttons. Because this shade is incredibly saturated, it can easily overwhelm a composition if it occupies too much of the screen's real estate.
What colors pair well with #ff4545 for a professional look?
Pair #ff4545 with deep charcoal or dark gray tones to ground its intensity. Avoiding pure black helps the red feel more sophisticated and prevents the high-contrast vibration that often occurs when vibrant colors meet absolute black.
Is #ff4545 readable on white or black?
#ff4545 has a 3.39:1 contrast ratio on white and 6.18:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.