#5487EB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, saturated tone demands immediate attention, making it an excellent choice for call-to-action buttons and UI highlights. Because it commands such focus, use #5487eb as a small accent rather than a dominant background. Black text remains readable against this hue, unlike some lighter tones that require mixing gray for balance. The hex code is #5487eb, a solid utility color for modern tech interfaces.
Questions about #5487eb
What is #5487eb in RGB, HSL and CMYK?
In RGB, #5487eb is rgb(84, 135, 235), in HSL hsl(220, 79%, 63%) and in CMYK 64%, 43%, 0%, 8%.
Where should I use the color #5487eb in a UI design?
This vibrant blue works best as an accent color for call-to-action buttons, notification badges, or important icon highlights rather than as a background fill. Because it commands such high attention, using it sparingly keeps your design from feeling overwhelming or cluttered.
What colors pair well with #5487eb?
Is #5487eb readable on white or black?
#5487eb has a 3.47:1 contrast ratio on white and 6.04: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.