#FB4C74 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #fb4c74 graphic
This intense, high-energy red screams for attention. Because the hex code #fb4c74 is so saturated, it works best as a 10% accent rather than a full background. It pairs well with deep charcoals to ground its loudness. While it provides enough contrast for black text, avoid using it for large blocks of copy. If you need to tone down a hue like this, knowing mixing brown techniques helps designers soften palettes.

Questions about #fb4c74

What is #fb4c74 in RGB, HSL and CMYK?
In RGB, #fb4c74 is rgb(251, 76, 116), in HSL hsl(346, 96%, 64%) and in CMYK 0%, 70%, 54%, 2%.
How can I effectively use #fb4c74 in design without overwhelming the viewer?
Limit #fb4c74 to small UI elements like buttons, calls-to-action, or highlights to ensure it retains its visual impact. Because this hue is so intense, avoid using it for large background blocks or long paragraphs of text to maintain legibility.
What colors pair well with #fb4c74 for a balanced palette?
Pair #fb4c74 with charcoal or deep slate grays to ground the vibrancy and prevent it from feeling chaotic. You can also offset the warmth by introducing cool, desaturated teals or deep navy to create a sophisticated, high-contrast visual tension.
Is #fb4c74 readable on white or black?
#fb4c74 has a 3.28:1 contrast ratio on white and 6.38: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.