#497AD4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Designers reach for the hex code #497ad4 when a fintech dashboard or healthcare brand needs a blue that reads trustworthy without going corporate navy. This mid-tone blue is fairly saturated and cool, with a slight periwinkle edge. It works best as a dominant base for buttons, links, and headers. Black text hits about 5.0:1 contrast on it, enough for small body text under WCAG AA.
Questions about #497ad4
What is #497ad4 in RGB, HSL and CMYK?
In RGB, #497ad4 is rgb(73, 122, 212), in HSL hsl(219, 62%, 56%) and in CMYK 66%, 42%, 0%, 17%.
What text color works best on #497ad4?
Black text works best on #497ad4, reaching about 5.0:1 contrast, which passes WCAG AA for body text. White text falls short for small sizes, so reserve it for large headings only.
What colors pair well with #497ad4?
#497ad4 pairs well with warm neutrals like sand and soft gray, which keep its cool tone from feeling flat. A deep navy adds depth for layered interfaces.
Is #497ad4 readable on white or black?
#497ad4 has a 4.18:1 contrast ratio on white and 5.01: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.