#2548C9 Hex Color

Intense cobalt blue for digital energy

Hex color #2548c9 graphic
#2548c9 is a highly saturated, intense blue that demands immediate attention. It carries a strong, digital energy, making it a natural fit for calls to action or UI accents where clarity is needed. Because this hex code has a high level of contrast, white text is exceptionally readable against it. Use it sparingly, as its vivid strength can overwhelm large backgrounds.

Questions about #2548c9

What is #2548c9 in RGB, HSL and CMYK?
In RGB, #2548c9 is rgb(37, 72, 201), in HSL hsl(227, 69%, 47%) and in CMYK 82%, 64%, 0%, 21%.
Where should I use the #2548c9 hex color in a UI design?
#2548c9 works best as a primary action color or an accent for critical interactive elements like buttons and notifications. Because of its extreme vibrancy, avoid using this intense blue for large backgrounds or body text, as it may cause visual fatigue and strain the eyes.
What colors pair well with the #2548c9 shade?
#2548c9 creates a high-contrast, modern look when paired with clean whites or very light grays for text accessibility. To build a balanced scheme, combine it with a neutral charcoal or a muted, light mint to ground the intense blue and prevent the palette from becoming overwhelming.
Is #2548c9 readable on white or black?
#2548c9 has a 7.37:1 contrast ratio on white and 2.84:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it is too faint for text. Try other pairs in the contrast checker.