#5363F4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-saturation and electric, #5363f4 is a bold choice for modern interface design. This intense indigo demands attention, making it ideal for high-impact call-to-action buttons or small, functional accents. Pair it with soft, warm grays to temper its natural aggressiveness. Since white text sits at a 4.7:1 contrast ratio here, this hex code works reliably for readable, clean typography against a colored background.
Questions about #5363f4
What is #5363f4 in RGB, HSL and CMYK?
In RGB, #5363f4 is rgb(83, 99, 244), in HSL hsl(234, 88%, 64%) and in CMYK 66%, 59%, 0%, 4%.
What colors pair well with the electric #5363f4 indigo?
Use soft, warm grays to temper the natural aggressiveness of #5363f4 while maintaining a clean look. Pairing it with charcoal creates strong contrast for typography, while silver accents help the blue pop without overwhelming your overall layout design.
Is #5363f4 a good choice for text or button backgrounds?
Yes, #5363f4 is an excellent choice for call-to-action buttons because its high saturation naturally commands user attention. It works reliably with white text, providing a 4.7:1 contrast ratio that meets common accessibility standards for readable web typography.
Is #5363f4 readable on white or black?
#5363f4 has a 4.70:1 contrast ratio on white and 4.45: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.