#2B83B2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, mid-tone blue projects professional stability. Because it maintains a steady 5.0:1 contrast ratio against black text, #2b83b2 works well for UI buttons or data visualization where readability is paramount. It feels reserved rather than bold, making it a reliable choice for finance or tech branding. Pair it with a warm terracotta to soften the cold, institutional edge that often accompanies this specific hex code.
Questions about #2b83b2
What is #2b83b2 in RGB, HSL and CMYK?
In RGB, #2b83b2 is rgb(43, 131, 178), in HSL hsl(201, 61%, 43%) and in CMYK 76%, 26%, 0%, 30%. Browse more shades of blue with names and hex codes.
What colors pair well with #2b83b2?
Pair #2b83b2 with terracotta or warm earth tones to effectively counteract its cool, institutional feel. This contrast adds necessary warmth for websites in the finance or technology sectors while maintaining a clean, professional aesthetic that remains easy on the eyes.
Why is #2b83b2 effective for UI design?
#2b83b2 provides a high 5.0:1 contrast ratio against black text, which is essential for accessible data visualization and interface elements. Its unsaturated nature keeps it from feeling overwhelming, ensuring that your critical information remains the primary focus of the user experience.
Is #2b83b2 readable on white or black?
#2b83b2 has a 4.20:1 contrast ratio on white and 4.99:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.