#2A3F6C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, muted navy acts as a serious base for corporate branding or moody web interfaces. Because it is desaturated and cool, it sits comfortably behind white text, providing strong readability at 10.4:1 contrast. Pair #2a3f6c with soft creams or warm grays to soften its formal edge, as using it alone can feel overly heavy in large, solid blocks. The hex code for this shade is #2a3f6c.
Questions about #2a3f6c
What is #2a3f6c in RGB, HSL and CMYK?
In RGB, #2a3f6c is rgb(42, 63, 108), in HSL hsl(221, 44%, 29%) and in CMYK 61%, 42%, 0%, 58%.
Does #2a3f6c work well for UI text or backgrounds?
#2a3f6c functions best as a background color rather than text because it is dark enough to allow for high-contrast white typography. Using it as a backdrop creates a sophisticated, grounded look that feels much less harsh than pure black.
What colors pair best with #2a3f6c to reduce its heaviness?
To soften the formal edge of #2a3f6c, pair it with soft creams or warm grays to introduce balance and warmth. Avoid pairing it with other dark saturated tones, which can make a design feel overly heavy and difficult to read.
Is #2a3f6c readable on white or black?
#2a3f6c has a 10.36:1 contrast ratio on white and 2.02: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.