#1774F4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-intensity blue demands attention with its saturated and bright character. Because it sits at such high chroma, it works best as a punchy accent color for calls to action or UI highlights rather than a large background. Pair it with deep charcoal grays to ground its energy. The hex code for this primary tone is #1774f4, which meets accessibility standards for black text.
Questions about #1774f4
What is #1774f4 in RGB, HSL and CMYK?
In RGB, #1774f4 is rgb(23, 116, 244), in HSL hsl(215, 91%, 52%) and in CMYK 91%, 52%, 0%, 4%.
Where is #1774f4 most effective in interface design?
#1774f4 works best as a focused accent for call-to-action buttons, links, or notification highlights where you need immediate user attention. Because it is highly saturated, avoid using this color for large background areas as it can quickly overwhelm the visual balance of your design.
What colors ground the high energy of #1774f4?
This bright blue pairs effectively with charcoal or deep neutral grays to manage its intensity. Using darker, muted tones helps ground the color, preventing it from vibrating against the page while ensuring your text and interface elements remain readable and balanced.
Is #1774f4 readable on white or black?
#1774f4 has a 4.33:1 contrast ratio on white and 4.84: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.