#2A4F8C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated blue leans toward a dim, moody aesthetic suitable for professional technology and security interfaces. While its deep tone provides high contrast for white text, it can feel too heavy as a full-page background. Try pairing this hex code with warm, sandy neutrals to brighten the palette, rather than relying on what colors make gray to mute it further. Use it as a solid anchor in 60/30/10 compositions.
Questions about #2a4f8c
What is #2a4f8c in RGB, HSL and CMYK?
In RGB, #2a4f8c is rgb(42, 79, 140), in HSL hsl(217, 54%, 36%) and in CMYK 70%, 44%, 0%, 45%.
What colors pair best with #2a4f8c?
To brighten this deep, moody blue, pair it with warm sandy neutrals or soft beige tones that prevent the palette from feeling too heavy. Using high-contrast white text ensures readability, while metallic accents can elevate the professional, tech-focused aesthetic.
Is #2a4f8c effective for large UI backgrounds?
This color can feel overwhelming as a full-page background because of its intense, desaturated depth. It works much better as a solid anchor in 60/30/10 compositions, such as sidebar navigation, primary buttons, or specific data visualization highlights.
Is #2a4f8c readable on white or black?
#2a4f8c has a 8.09:1 contrast ratio on white and 2.59: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.