#5472DD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This vivid blue carries a high-energy intensity perfect for grabbing user attention. It functions best as an accent color for calls to action or UI highlights rather than a full background. Pair it with crisp charcoal or warm off-white to ground its brightness. With a 4.8:1 contrast ratio against black, the hex code #5472dd works well for readable small text and buttons.
Questions about #5472dd
What is #5472dd in RGB, HSL and CMYK?
In RGB, #5472dd is rgb(84, 114, 221), in HSL hsl(227, 67%, 60%) and in CMYK 62%, 48%, 0%, 13%.
What colors pair well with #5472dd for modern web design?
#5472dd works best when anchored by neutral tones that let its high intensity stand out. It pairs beautifully with charcoal for high-contrast text or a crisp off-white background to keep your interface feeling clean and professional.
Is #5472dd readable on white or black?
#5472dd has a 4.34:1 contrast ratio on white and 4.82: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.