#2A4A8C Hex Color
A grounded and professional muted blue
A grounded, muted blue, #2a4a8c offers a serious and steady presence for corporate or tech interfaces. Its desaturated character avoids the harshness of primary blues, making it a reliable choice for large backgrounds or secondary UI elements. It maintains strong contrast against white text, ensuring accessibility. When mixing gray into your palette, this hex code provides a cooling balance that keeps designs professional.
Questions about #2a4a8c
What is #2a4a8c in RGB, HSL and CMYK?
In RGB, #2a4a8c is rgb(42, 74, 140), in HSL hsl(220, 54%, 36%) and in CMYK 70%, 47%, 0%, 45%.
What colors pair best with #2a4a8c in a professional layout?
Use #2a4a8c alongside neutral whites and light grays for a clean, corporate aesthetic that emphasizes readability. For accent colors, it pairs naturally with muted mustard or soft coral, which create a sophisticated contrast without overwhelming the steady blue base.
Is #2a4a8c suitable for UI backgrounds and text?
This blue provides strong contrast against white, making it an excellent choice for headers or secondary UI elements. However, keep text in #2a4a8c strictly for large, bold headings because it lacks sufficient darkness to meet accessibility standards for smaller body text.
Is #2a4a8c readable on white or black?
#2a4a8c has a 8.54:1 contrast ratio on white and 2.45: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.