#1565C0 Hex Color

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

Hex color #1565c0 graphic
This highly saturated blue commands attention with its intense, mid-tone strength. Designers often rely on it for UI components like calls to action, as it offers visibility against white backgrounds. White text maintains a clear 5.7:1 contrast ratio against this shade, ensuring readability. The hex code for this reliable primary tone is #1565c0.

Questions about #1565c0

What is #1565c0 in RGB, HSL and CMYK?
In RGB, #1565c0 is rgb(21, 101, 192), in HSL hsl(212, 80%, 42%) and in CMYK 89%, 47%, 0%, 25%.
Why is #1565c0 effective for user interface design?
This specific blue commands attention, offering high legibility and a 5.7:1 contrast ratio against white text, which makes it ideal for call-to-action buttons or navigation elements. It balances professional stability with a vibrant, energetic visual presence.
Is #1565c0 readable on white or black?
#1565c0 has a 5.74:1 contrast ratio on white and 3.65: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.