#2576B2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, cool blue carries a professional, stable weight suited for financial interfaces and corporate branding. The hex code #2576b2 sits comfortably on white backgrounds, maintaining strong readability for small body text. Pair it with a slate gray or muted cream to soften its industrial edge. It functions best as a dominant primary color in UI design where clear, reliable communication is the priority.
Questions about #2576b2
What is #2576b2 in RGB, HSL and CMYK?
In RGB, #2576b2 is rgb(37, 118, 178), in HSL hsl(206, 66%, 42%) and in CMYK 79%, 34%, 0%, 30%.
How can I best pair #2576b2 in a user interface?
Use #2576b2 as a primary UI color, pairing it with neutral tones like slate gray or a warm cream to soften its industrial appearance. Because it maintains strong readability on white, it effectively anchors text-heavy financial layouts without overwhelming the viewer.
Is #2576b2 readable on white or black?
#2576b2 has a 4.86:1 contrast ratio on white and 4.31: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.