#FB2D6B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated pinkish-red commands attention with high intensity and urgent energy. Use #fb2d6b strictly as an accent color for calls to action or UI highlights, as it overwhelms the eye when applied to large backgrounds. Because this hex code offers a strong 5.7:1 contrast ratio against black text, it pairs effectively with dark, muted neutrals rather than competing brights.
Questions about #fb2d6b
What is #fb2d6b in RGB, HSL and CMYK?
In RGB, #fb2d6b is rgb(251, 45, 107), in HSL hsl(342, 96%, 58%) and in CMYK 0%, 82%, 57%, 2%.
How should I use #fb2d6b in a design system?
Apply #fb2d6b sparingly as a high-contrast accent color for primary call-to-action buttons or critical alerts. Because of its extreme intensity, using it across large background areas will overwhelm the user and degrade the overall visual hierarchy of your interface.
What colors pair well with #fb2d6b?
Balance the intensity of #fb2d6b by pairing it with charcoal or deep, neutral grays rather than other bright hues. These dark, muted tones ground the vibrancy of the pinkish-red, ensuring the interface remains accessible and prevents the design from feeling cluttered.
Is #fb2d6b readable on white or black?
#fb2d6b has a 3.69:1 contrast ratio on white and 5.68: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.