#FB5261 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-energy red demands attention with its intense, almost neon warmth. Because of its extreme visibility, #fb5261 works best as an accent color or call-to-action button rather than a background. Black text remains readable against this hue, providing excellent contrast for buttons. It pairs unexpectedly well with deep teals or muted grays, helping to balance the aggressive tone you might find when learning what colors make brown.
Questions about #fb5261
What is #fb5261 in RGB, HSL and CMYK?
In RGB, #fb5261 is rgb(251, 82, 97), in HSL hsl(355, 95%, 65%) and in CMYK 0%, 67%, 61%, 2%.
What colors pair best with #fb5261?
This vibrant hue creates a striking balance when paired with deep, cool-toned teal or muted, neutral gray shades. Avoid using it alongside other neon colors, as the clashing warmth creates visual vibration that can be difficult for the eye to process.
Is #fb5261 suitable for text in a user interface?
While #fb5261 serves well as a button background, it should generally be avoided for body text due to its high saturation. Use black or very dark charcoal text on top of this color to maintain a compliant and readable contrast ratio.
Is #fb5261 readable on white or black?
#fb5261 has a 3.24:1 contrast ratio on white and 6.48: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.