#1A60C8 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #1a60c8 graphic
#1a60c8 is a highly saturated, energetic blue that commands attention. Its intensity makes it perfect for primary calls to action or UI accents where you need immediate user focus. Because it maintains strong contrast against white text, it works well for buttons and navigation elements. Designers should use this bold hue sparingly as an accent rather than a dominant background to avoid overwhelming the interface.

Questions about #1a60c8

What is #1a60c8 in RGB, HSL and CMYK?
In RGB, #1a60c8 is rgb(26, 96, 200), in HSL hsl(216, 77%, 44%) and in CMYK 87%, 52%, 0%, 22%.
What colors pair well with #1a60c8 for UI design?
#1a60c8 pairs effectively with crisp white for maximum legibility on buttons, or with a soft slate to ground its high energy without competing for attention. Using a pale lemon creates a high-contrast, playful accent that draws the eye immediately.
Should #1a60c8 be used for background elements?
It is generally not recommended to use #1a60c8 for large background areas because its high saturation can quickly overwhelm the user's focus. Reserve this intense blue for interactive elements like primary buttons, hover states, or small icons that require distinct visual prominence.
Is #1a60c8 readable on white or black?
#1a60c8 has a 5.91:1 contrast ratio on white and 3.55: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.