#1B5DE2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-intensity blue demands attention without feeling aggressive. Because of its extreme saturation, it works best as a punchy accent rather than a background. Use #1b5de2 for calls to action or UI highlights where you need to guide the user eye. It pairs beautifully with soft, desaturated grays, and white text maintains perfect legibility against the hex code for standard accessibility needs.
Questions about #1b5de2
What is #1b5de2 in RGB, HSL and CMYK?
In RGB, #1b5de2 is rgb(27, 93, 226), in HSL hsl(220, 79%, 50%) and in CMYK 88%, 59%, 0%, 11%.
How can I effectively use #1b5de2 in a user interface?
#1b5de2 works best as a deliberate accent for primary call-to-action buttons or navigation highlights where you need to draw the eye immediately. Because it is highly saturated, avoid using it as a background color to prevent visual fatigue.
Which color combinations work well with #1b5de2?
This vibrant blue pairs exceptionally well with neutral tones like soft charcoal or light grays, which allow the blue to stand out without competing for attention. It also creates a dynamic contrast when paired with muted, desaturated oranges or warm terracotta tones.
Is #1b5de2 readable on white or black?
#1b5de2 has a 5.65:1 contrast ratio on white and 3.71: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.