#BF3D6B Hex Color

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

Hex color #bf3d6b graphic
This intense magenta is a high-energy shade that demands attention. Because it is quite saturated, #bf3d6b works best as an accent color for calls to action or branding rather than a dominant background. Pair it with dark, muted teals to balance its warmth. With a contrast ratio of 5.1:1, this hex code allows for readable white text, making it a functional choice for bold, legible UI elements.

Questions about #bf3d6b

What is #bf3d6b in RGB, HSL and CMYK?
In RGB, #bf3d6b is rgb(191, 61, 107), in HSL hsl(339, 52%, 49%) and in CMYK 0%, 68%, 44%, 25%.
How do I best use #bf3d6b in a user interface?
Because #bf3d6b is highly saturated, it works best as a focused accent color for buttons or call-to-action elements rather than a background. The 5.1:1 contrast ratio ensures white text remains legible, allowing for accessible, high-impact design choices.
What colors pair effectively with #bf3d6b?
This vibrant shade finds its best balance when paired with dark, muted tones that ground its natural warmth. Consider using a deep teal or a cool slate to offset the magenta intensity and create a more sophisticated, professional visual hierarchy.
Is #bf3d6b readable on white or black?
#bf3d6b has a 5.12:1 contrast ratio on white and 4.09:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.