#3A3D4A Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #3a3d4a graphic
A dusty, muted slate with strong indigo undertones, #3a3d4a carries a serious and somber mood. Because it sits on the dark side of the spectrum, it functions best as a grounding neutral for dark mode interfaces or moody, minimal branding. White text provides excellent contrast against this hex code, ensuring readability for body copy. Check other shades of purple to see how this sits within a broader palette.

Questions about #3a3d4a

What is #3a3d4a in RGB, HSL and CMYK?
In RGB, #3a3d4a is rgb(58, 61, 74), in HSL hsl(229, 12%, 26%) and in CMYK 22%, 18%, 0%, 71%.
How does #3a3d4a function as a neutral in interface design?
#3a3d4a acts as a sophisticated, grounded alternative to pure black or standard charcoal. Its indigo undertones provide a subtle depth that feels less harsh on the eyes, making it an excellent choice for dark mode UI backgrounds and typography.
What colors pair well with #3a3d4a for a balanced palette?
Use high-contrast white or soft off-white text to maintain legibility against #3a3d4a. For accent colors, it works beautifully with muted ochre, warm terracotta, or soft sage greens, which provide a compelling contrast to its cool, somber indigo character.
Is #3a3d4a readable on white or black?
#3a3d4a has a 10.78:1 contrast ratio on white and 1.94: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.