#111BA2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, dark blue commands attention with its serious and authoritative weight. It works best as a primary branding color or a solid background for corporate interfaces, where its high contrast makes white text extremely legible. Pair #111ba2 with muted grays or creams to keep designs from looking too harsh. If you need something less intense, consider these other shades of blue for your palette.
Questions about #111ba2
What is #111ba2 in RGB, HSL and CMYK?
In RGB, #111ba2 is rgb(17, 27, 162), in HSL hsl(236, 81%, 35%) and in CMYK 90%, 83%, 0%, 36%.
Is #111ba2 effective for UI backgrounds?
This deep blue works well for corporate interfaces because it maintains high contrast when paired with white text. It provides a stable, professional feel that keeps designs looking grounded and intentional.
How should I balance the intensity of #111ba2?
Offset this saturated blue with soft cream or neutral gray to prevent the color from overwhelming your layout. Using a balanced color palette helps maintain the professional authority without making the design feel harsh.
Is #111ba2 readable on white or black?
#111ba2 has a 12.33:1 contrast ratio on white and 1.70: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 is too faint for text. Try other pairs in the contrast checker.