#FA3D3D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-intensity and unabashedly bright, #fa3d3d demands immediate attention. This saturated red works best as an accent color for calls to action or UI alerts where visual urgency matters. It is far too aggressive for large backgrounds, but it pairs cleanly with charcoal grays or deep navies. With a 5.8:1 contrast ratio against black text, the hex code #fa3d3d ensures readable messaging in high-impact designs.
Questions about #fa3d3d
What is #fa3d3d in RGB, HSL and CMYK?
In RGB, #fa3d3d is rgb(250, 61, 61), in HSL hsl(0, 95%, 61%) and in CMYK 0%, 76%, 76%, 2%.
Where should I use #fa3d3d in a user interface?
#fa3d3d is best reserved for small, high-impact elements like call-to-action buttons, error states, or urgent notifications. Because of its extreme saturation, it becomes overwhelming if applied to large backgrounds or broad layout areas.
What colors pair well with #fa3d3d for a balanced design?
Is #fa3d3d readable on white or black?
#fa3d3d has a 3.62:1 contrast ratio on white and 5.79: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.