#5E6BFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated indigo commands immediate attention. Because of its high chroma, it works best as a sharp accent rather than a full page background. Pair #5e6bff with dark charcoal grays to create a modern, high-contrast look that pops. Since black text provides excellent readability against this hex code, it serves well for high-visibility UI elements like buttons or notification badges.
Questions about #5e6bff
What is #5e6bff in RGB, HSL and CMYK?
In RGB, #5e6bff is rgb(94, 107, 255), in HSL hsl(235, 100%, 68%) and in CMYK 63%, 58%, 0%, 0%.
How should I use #5e6bff in a user interface?
#5e6bff functions best as a high-visibility accent color rather than a primary background. It pairs exceptionally well with charcoal or deep neutral grays to create a modern, high-contrast look that keeps text legible while drawing attention to specific action items like call-to-action buttons.
Is #5e6bff a warm or cool color?
#5e6bff is firmly a cool, blue-violet hue that carries the vibrancy of traditional indigo. Because of its intense saturation, it naturally recedes when placed against very warm, desaturated colors, making it a reliable choice for technical or forward-thinking design systems.
Is #5e6bff readable on white or black?
#5e6bff has a 4.18:1 contrast ratio on white and 5.02:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.