#5B61FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated indigo is intense and demands immediate attention. Due to its high chroma, it works best as a punchy accent color rather than a large background field, which can easily overwhelm the eye. Pair #5b61ff with charcoal or dark gray to ground its brilliance. Because it offers high contrast, black text remains readable, making the hex code suitable for bold, modern UI calls to action.
Questions about #5b61ff
What is #5b61ff in RGB, HSL and CMYK?
In RGB, #5b61ff is rgb(91, 97, 255), in HSL hsl(238, 100%, 68%) and in CMYK 64%, 62%, 0%, 0%.
How should I use #5b61ff in a UI design?
#5b61ff works best as a focused accent color for call-to-action buttons or interactive elements rather than a primary background field. Its high chroma naturally draws the eye, making it effective for guiding user attention without overwhelming the page.
What colors pair well with #5b61ff?
This indigo balances perfectly against charcoal or deep neutral grays, which ground its intense energy. Using high-contrast dark backgrounds allows the brightness of #5b61ff to pop, while light text remains highly readable against these saturated tones.
Is #5b61ff readable on white or black?
#5b61ff has a 4.56:1 contrast ratio on white and 4.59: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 for body text. Try other pairs in the contrast checker.