#5D6DFD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#5d6dfd is a saturated, cool indigo that demands attention. Because it is highly vivid, it works best as a punchy accent rather than a background. Pair it with dark greys or learn how to make gray to create softer, balanced compositions. Black text provides excellent contrast against this shade, making it a reliable choice for buttons or highlighting key UI elements.
Questions about #5d6dfd
What is #5d6dfd in RGB, HSL and CMYK?
In RGB, #5d6dfd is rgb(93, 109, 253), in HSL hsl(234, 98%, 68%) and in CMYK 63%, 57%, 0%, 1%.
What colors pair best with #5d6dfd for a balanced palette?
Because #5d6dfd is so vivid, it works best when grounded by neutral tones. Pair it with a deep charcoal or slate gray to provide a sophisticated anchor that prevents the indigo from overwhelming your design layout.
Is #5d6dfd suitable for text against a white background?
Using #5d6dfd as body text is not recommended because the contrast ratio against white is typically insufficient for readability. It functions much better as an eye-catching accent for call-to-action buttons or icons where legibility requirements are less strict.
Is #5d6dfd readable on white or black?
#5d6dfd has a 4.14:1 contrast ratio on white and 5.07: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.