#6157CE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated indigo carries a bold, high-energy presence that demands attention. Because #6157ce is so vivid, it works best as a punchy accent rather than a full-page background, where it can easily overwhelm the eye. Pair it with soft cream or slate gray to ground its intensity. With a 5.6:1 contrast ratio, it remains readable when paired with white text for UI highlights.
Questions about #6157ce
What is #6157ce in RGB, HSL and CMYK?
In RGB, #6157ce is rgb(97, 87, 206), in HSL hsl(245, 55%, 57%) and in CMYK 53%, 58%, 0%, 19%.
How should I use #6157ce in a UI design?
#6157ce is best reserved for interactive elements like buttons, primary call-to-action links, or focus states where you need to draw the user's eye. Because of its high saturation, applying it to large background areas can quickly overwhelm the visual hierarchy of your interface.
What colors pair well with #6157ce?
To ground the intensity of #6157ce, balance it with neutral tones like soft cream or a cool slate gray. These lighter, desaturated colors allow the indigo to pop without causing visual fatigue, maintaining a clean and professional look for your layout.
Is #6157ce readable on white or black?
#6157ce has a 5.58:1 contrast ratio on white and 3.76: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.