#2A3E4C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, ashy blue possesses a heavy, desaturated quality that feels grounded and serious. Because of its muted tone, #2a3e4c works best as a supporting background color for UI designs rather than a primary accent. It offers excellent contrast against white text, making it a reliable choice for professional branding. Designers often use this shade when learning what colors make black to balance intense, moody palettes.
Questions about #2a3e4c
What is #2a3e4c in RGB, HSL and CMYK?
In RGB, #2a3e4c is rgb(42, 62, 76), in HSL hsl(205, 29%, 23%) and in CMYK 45%, 18%, 0%, 70%.
Where should I use #2a3e4c in a UI design?
This ashy blue works best as a supporting background color rather than a primary accent because of its heavy, muted tone. It offers excellent contrast against white text, making it a reliable choice for professional, readable web interfaces.
What colors pair well with #2a3e4c?
Pair #2a3e4c with crisp white or light, warm neutrals to balance its serious, moody intensity. To create depth, try combining it with muted, lighter desaturated tones that prevent the palette from feeling too dark or visually overwhelming.
Is #2a3e4c readable on white or black?
#2a3e4c has a 11.10:1 contrast ratio on white and 1.89: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.