#497BD9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold, saturated blue feels electric and secure. Designers often rely on it for UI highlights because it grabs immediate attention. Because of its visual weight, reserve it for small accents rather than full-page backgrounds. Black text provides a strong 5.1:1 contrast ratio here. The hex code is #497bd9. If you need a muted partner, mixing gray creates a cleaner, balanced look.
Questions about #497bd9
What is #497bd9 in RGB, HSL and CMYK?
In RGB, #497bd9 is rgb(73, 123, 217), in HSL hsl(219, 65%, 57%) and in CMYK 66%, 43%, 0%, 15%.
How can I effectively use #497bd9 in web UI design?
#497bd9 functions best as a high-contrast accent or call-to-action button rather than a background color. Because it is highly saturated, reserve it for small interactive elements to maintain visual balance while guiding the user's focus toward specific actions.
Is #497bd9 readable on white or black?
#497bd9 has a 4.10:1 contrast ratio on white and 5.11: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.