#3F54BF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#3f54bf is a saturated, mid-tone indigo that packs significant visual weight. Its high intensity makes it an excellent choice for bold calls to action or UI accents rather than large backgrounds, which can overwhelm the eye. Pair this blue with soft creams or warm grays to temper its strength. Because it offers a strong contrast ratio, white text remains readable and clear against this hex code.
Questions about #3f54bf
What is #3f54bf in RGB, HSL and CMYK?
In RGB, #3f54bf is rgb(63, 84, 191), in HSL hsl(230, 50%, 50%) and in CMYK 67%, 56%, 0%, 25%.
Where is #3f54bf best used in UI design?
Use #3f54bf primarily for high-impact UI elements like call-to-action buttons or active states rather than large backgrounds. Its high visual intensity can quickly overwhelm a layout, but it shines when drawing the eye to specific, actionable interactions on the page.
What colors pair well with #3f54bf?
Balance the intensity of #3f54bf by pairing it with soft cream or warm, neutral gray tones. These lighter, softer colors effectively temper the saturation of the indigo, ensuring the overall design remains legible and visually comfortable for the user.
Is #3f54bf readable on white or black?
#3f54bf has a 6.49:1 contrast ratio on white and 3.23: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.