#5484FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Bright and strongly saturated, #5484ff is a cool blue with a clean, slightly electric character. Its intensity suggests energy and focus, while the blue base supports trust, reliability, and control. Use the hex code #5484ff for calls to action, interface accents, or technology branding, especially with dark navy or black. Black text achieves about 6.1:1 contrast.
Questions about #5484ff
What is #5484ff in RGB, HSL and CMYK?
In RGB, #5484ff is rgb(84, 132, 255), in HSL hsl(223, 100%, 66%) and in CMYK 67%, 48%, 0%, 0%.
What colors pair well with #5484ff?
#5484ff pairs well with dark navy, black, and soft white, which balance its vivid blue without competing for attention. Use navy or black for strong contrast and a pale neutral for cleaner, lighter layouts.
Is #5484ff readable on white or black?
#5484ff has a 3.43:1 contrast ratio on white and 6.12: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.