#5156BE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated indigo brings immediate intensity to modern interfaces. Because of its visual weight, use #5156be sparingly as a call-to-action button or UI accent rather than a full background. It pairs well with warm creams to ground its electric energy. White text is highly readable here, maintaining a 6.1:1 contrast ratio. The hex code for this shade is #5156be.
Questions about #5156be
What is #5156be in RGB, HSL and CMYK?
In RGB, #5156be is rgb(81, 86, 190), in HSL hsl(237, 46%, 53%) and in CMYK 57%, 55%, 0%, 25%.
How should I use #5156be in a digital interface?
#5156be works best as a punchy accent color for primary call-to-action buttons or interactive UI elements. Because of its high saturation and visual weight, avoid using it as a large background or for extensive text blocks to prevent eye strain.
What colors pair well with the #5156be indigo shade?
Pair #5156be with warm cream or soft beige to ground its electric energy and create a balanced contrast. You can also use neutral gray to let the indigo stand out as the primary focal point of your design.
Is #5156be readable on white or black?
#5156be has a 6.13:1 contrast ratio on white and 3.42: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.