#FA324A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense red demands immediate attention with its high saturation and warm, aggressive character. Because of its visual weight, use #fa324a strictly as a 10 percent accent color for calls to action or error states rather than large backgrounds. It pairs unexpectedly well with slate gray or deep charcoal. The hex code for this vivid shade is #fa324a, which maintains readable contrast against black text.
Questions about #fa324a
What is #fa324a in RGB, HSL and CMYK?
In RGB, #fa324a is rgb(250, 50, 74), in HSL hsl(353, 95%, 59%) and in CMYK 0%, 80%, 70%, 2%. Browse more shades of red with names and hex codes.
How should I use #fa324a in a UI design?
Because #fa324a carries significant visual weight and intensity, reserve it for small, high-impact elements like call-to-action buttons or urgent error states. Avoid using this red for large backgrounds or text, as it can quickly overwhelm a layout.
What colors pair well with #fa324a?
This shade balances beautifully against neutral, muted tones that ground its aggressiveness. It pairs unexpectedly well with deep charcoal or slate gray, which help soften the visual impact of the red while maintaining excellent readability for text.
Is #fa324a readable on white or black?
#fa324a has a 3.73:1 contrast ratio on white and 5.61: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.