#FA5252 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Frequently Asked Questions
Where should I use #fa5252 in a UI design system?
#fa5252 functions best as a high-impact accent color for call-to-action buttons, error notifications, or alert states where you need to draw the user's eye immediately. Because it maintains a strong 6.4:1 contrast ratio against black text, it remains highly readable for labels or small, critical UI components.
What colors pair well with #fa5252 for a balanced palette?
Pair #fa5252 with a deep charcoal or a dark navy to ground its intensity without losing the impact of the red. Using a neutral base prevents the layout from feeling overwhelming, while the deep darks create a professional contrast against such a vivid, warm hue.