#F4355F Hex Color
A high-energy, saturated punch of red
#f4355f is a saturated, high-energy red that demands immediate attention. Because of its intensity, it works best as a 10% accent color for calls to action or alert indicators rather than a full background. It pairs surprisingly well with deep charcoal grays, which ground its brightness. Use this hex code sparingly to maintain visual impact without overwhelming your interface design.
Questions about #f4355f
What is #f4355f in RGB, HSL and CMYK?
In RGB, #f4355f is rgb(244, 53, 95), in HSL hsl(347, 90%, 58%) and in CMYK 0%, 78%, 61%, 4%.
How should I use #f4355f effectively in UI design?
#f4355f is best reserved for small, high-impact UI elements like primary buttons, alert badges, or specific call-to-action triggers. Because of its extreme saturation, applying it to large background areas will quickly overwhelm the user and reduce visual legibility.
What colors pair best with #f4355f for a balanced palette?
Is #f4355f readable on white or black?
#f4355f has a 3.80:1 contrast ratio on white and 5.52: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.