#5072D2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Reach for this blue when a button or link needs punch without going neon. #5072d2 is a strong, saturated shade with a cool, beaming energy that holds up on screens. Black text passes AA on it at about 4.7:1, so it can carry small labels and UI accents. It flatters warm neutrals like terracotta and sand.
Questions about #5072d2
What is #5072d2 in RGB, HSL and CMYK?
In RGB, #5072d2 is rgb(80, 114, 210), in HSL hsl(224, 59%, 57%) and in CMYK 62%, 46%, 0%, 18%.
What text color should you use on #5072d2?
Black text is the safe choice, with about 4.7:1 contrast, which clears WCAG AA for body text. White text falls short of that threshold, so keep white type large or darken the background first.
What colors pair well with #5072d2?
Warm accents like terracotta, sand, or amber make this blue feel bolder by contrast. For a quieter palette, anchor it with navy and soft gray neutrals.
Is #5072d2 readable on white or black?
#5072d2 has a 4.48:1 contrast ratio on white and 4.67: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.