#2A3A59 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
The hex code #2a3a59 defines a dark, muted blue with cool gray undertones and low saturation. Its matte, inky appearance gives interfaces and brands a serious, reliable feel without harsh black. Use it as a supporting tone with burgundy or warm ivory in corporate, finance, and security designs. White text reaches about 11.4:1 contrast, supporting accessible body text.
Questions about #2a3a59
What is #2a3a59 in RGB, HSL and CMYK?
In RGB, #2a3a59 is rgb(42, 58, 89), in HSL hsl(220, 36%, 26%) and in CMYK 53%, 35%, 0%, 65%.
Which colors pair well with #2a3a59?
The strongest pairings for #2a3a59 are warm ivory, burgundy, muted gold, and pale blue, balancing its cool depth with warmth or gentle contrast without making the palette feel overly bright or busy. Use the light neutral for clean layouts and the deeper accent for formal, grounded designs.
Does #2a3a59 read as a warm or cool color?
The #2a3a59 hex color reads cool because its blue base is softened by gray rather than warmed by yellow or red, while its low saturation keeps the effect calm instead of vivid. This makes it feel serious and composed rather than icy or highly energetic.
Where does #2a3a59 work best in a design?
Use #2a3a59 for navigation bars, dashboards, headings, and brand backgrounds when you need a serious alternative to black, especially in interfaces that benefit from strong light-text contrast and a restrained visual tone. Its matte blue character suits corporate, finance, and security materials without the harshness of pure black.
Is #2a3a59 readable on white or black?
#2a3a59 has a 11.36:1 contrast ratio on white and 1.84: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.