#2A374E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#2a374e is a dark, muted blue with low saturation and a matte, slightly ashy finish. Its cool, shadowed character suggests seriousness, control, and understated trust. The hex code #2a374e works well as a dominant UI background or supporting tone in finance, technology, and government branding. White text reaches about 12.0:1 contrast, making it suitable behind small body text.
Questions about #2a374e
What is #2a374e in RGB, HSL and CMYK?
In RGB, #2a374e is rgb(42, 55, 78), in HSL hsl(218, 30%, 24%) and in CMYK 46%, 29%, 0%, 69%.
What colors pair well with #2a374e?
#2a374e pairs well with warm off-white, muted copper, and burgundy, which add contrast without making its low-saturation blue feel harsh. These combinations preserve its serious tone while introducing enough warmth for hierarchy and focus. Use off-white for text, copper for small accents, and burgundy sparingly.
Where does #2a374e work best in a design?
#2a374e works best as a dominant dark background, navigation color, or supporting brand tone in finance, technology, security, and government interfaces. Its subdued saturation supports dense layouts, while brighter accents provide the separation needed for buttons and alerts.
Is #2a374e readable on white or black?
#2a374e has a 11.96:1 contrast ratio on white and 1.75: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.