#4D4BF2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated indigo functions best as a high-impact accent color rather than a background. Its high intensity grabs attention, working well for calls to action or UI highlights where white text provides the necessary 5.8:1 contrast for readability. Because of its electric undertones, you might need guidance on what colors make blue to balance it properly. The hex code for this shade is #4d4bf2.
Questions about #4d4bf2
What is #4d4bf2 in RGB, HSL and CMYK?
In RGB, #4d4bf2 is rgb(77, 75, 242), in HSL hsl(241, 87%, 62%) and in CMYK 68%, 69%, 0%, 5%.
What is the best way to use #4d4bf2 in interface design?
#4d4bf2 functions most effectively as a high-impact accent rather than a background. Use it for call-to-action buttons or navigation highlights to grab attention, ensuring you pair it with white text to maintain high readability ratios for your users.
What colors pair well with #4d4bf2?
This saturated indigo creates a balanced palette when paired with neutral tones like charcoal or warm off-whites. For a bolder look, it works well alongside complementary orange tones, providing the necessary contrast to make your interface elements pop.
Is #4d4bf2 readable on white or black?
#4d4bf2 has a 5.82:1 contrast ratio on white and 3.60: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.