#1B56D6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#1b56d6 is a bold, saturated blue that demands attention without feeling chaotic. It balances high energy with a sense of control, making it a natural choice for finance and security interfaces. This shade works best as an accent or call-to-action button rather than a large background. It offers strong legibility against white text, ensuring accessibility for standard UI components. The hex code for this blue is #1b56d6.
Questions about #1b56d6
What is #1b56d6 in RGB, HSL and CMYK?
In RGB, #1b56d6 is rgb(27, 86, 214), in HSL hsl(221, 78%, 47%) and in CMYK 87%, 60%, 0%, 16%.
Where does #1b56d6 work best in UI design?
#1b56d6 performs exceptionally well as a high-contrast accent or primary call-to-action button in professional interfaces. Because it maintains strong legibility against white, it directs user attention effectively without creating visual clutter or chaotic page layouts.
What colors pair well with #1b56d6 for a balanced palette?
Pair #1b56d6 with light gray backgrounds to let the blue pop, or use a crisp off-white to ensure maximum text accessibility. For a complementary contrast, soft orange or muted gold accents can create a balanced and sophisticated visual hierarchy.
Is #1b56d6 readable on white or black?
#1b56d6 has a 6.27:1 contrast ratio on white and 3.34: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.