#FD7BB1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, neon-leaning pink commands immediate attention. Because of its high chroma, #fd7bb1 functions best as a pop of color for UI accents or calls to action rather than a background. Pair it with deep charcoal or slate greys to create a grounded, high-contrast effect. As a hex code, #fd7bb1 reads clearest with black text, ensuring excellent readability for digital interfaces.
Questions about #fd7bb1
What is #fd7bb1 in RGB, HSL and CMYK?
In RGB, #fd7bb1 is rgb(253, 123, 177), in HSL hsl(335, 97%, 74%) and in CMYK 0%, 51%, 30%, 1%. Browse more shades of pink with names and hex codes.
How can I effectively use the high-chroma #fd7bb1 in interface design?
Because #fd7bb1 is so visually loud, reserve it strictly for small UI elements like buttons, toggle switches, or call-to-action links. Overusing this neon pink as a primary background will quickly overwhelm users and fatigue the eyes during long sessions.
What colors pair best with #fd7bb1 for a balanced palette?
To ground the intensity of #fd7bb1, pair it with deep neutrals like charcoal or slate greys. These dark, muted tones provide the necessary contrast to let the pink pop without creating a color scheme that feels chaotic or unreadable.
Is #fd7bb1 readable on white or black?
#fd7bb1 has a 2.42:1 contrast ratio on white and 8.64:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.