#2497DF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#2497df is a saturated, mid-tone blue that projects a professional and secure presence. Because it maintains strong legibility with black text, it functions well for UI elements like buttons or link states. While it works as a dominant base for corporate branding, use it sparingly as a large background to avoid overwhelming the eye. The hex code for this cool blue is #2497df.
Questions about #2497df
What is #2497df in RGB, HSL and CMYK?
In RGB, #2497df is rgb(36, 151, 223), in HSL hsl(203, 75%, 51%) and in CMYK 84%, 32%, 0%, 13%.
Where should I use #2497df in a user interface?
#2497df is best reserved for interactive UI elements like buttons, link states, or notification badges. Because it is highly saturated, it commands attention and works effectively to guide a user’s eye toward specific actions without overwhelming the entire layout.
What colors pair well with #2497df?
This blue pairs well with neutral tones like charcoal or soft whites to ensure high readability. For a more vibrant look, you can contrast it against warm, desaturated oranges, which act as complementary accents to help the blue stand out.
Is #2497df readable on white or black?
#2497df has a 3.19:1 contrast ratio on white and 6.56: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.