#FA6464 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-energy, saturated red commands immediate attention. Because of its intensity, #fa6464 works best as a 10% accent color for calls to action or UI highlights rather than a background. It pairs exceptionally well with cool, dark charcoals to create a balanced, high-contrast look. The hex code for this vivid, warm tone is #fa6464, which maintains readability even when used with black text.
Questions about #fa6464
What is #fa6464 in RGB, HSL and CMYK?
In RGB, #fa6464 is rgb(250, 100, 100), in HSL hsl(0, 94%, 69%) and in CMYK 0%, 60%, 60%, 2%. Browse more shades of red with names and hex codes.
How can I effectively use #fa6464 in a UI design?
Apply #fa6464 sparingly as a 10% accent color for interactive elements like primary buttons, alert icons, or call-to-action highlights. Its high saturation ensures it draws the eye immediately without overwhelming the interface if balanced by plenty of whitespace.
Which colors create a balanced palette with #fa6464?
This vibrant red pairs exceptionally well with deep, cool tones like charcoal or dark navy to ground its intensity. Using these dark neutrals creates a sophisticated contrast that prevents the brightness of #fa6464 from feeling chaotic or visually fatiguing.
Is #fa6464 readable on white or black?
#fa6464 has a 2.96:1 contrast ratio on white and 7.07:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.