#3D464D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated slate blue sits between navy and charcoal, offering a muted alternative to standard dark colors. Because #3d464d has low chroma, it works best as a grounding background for UI designs or corporate branding. White text is highly readable against this hex code, meeting WCAG standards for body copy. Pair it with soft, warm metallics to prevent the overall interface from feeling too cold or gloomy.
Questions about #3d464d
What is #3d464d in RGB, HSL and CMYK?
In RGB, #3d464d is rgb(61, 70, 77), in HSL hsl(206, 12%, 27%) and in CMYK 21%, 9%, 0%, 70%.
What makes #3d464d a good choice for interface design?
This muted slate blue provides a professional, low-chroma alternative to harsh black or dark navy backgrounds. It naturally grounds UI components, ensuring white text remains highly legible without the high contrast strain often associated with pure black.
Which colors pair effectively with #3d464d?
Because #3d464d acts as a cool, neutral base, it pairs beautifully with warm metallics like copper or soft gold to prevent the design from feeling too cold. You can also anchor it with lighter, neutral tones or deep, muted charcoal.
Is #3d464d readable on white or black?
#3d464d has a 9.62:1 contrast ratio on white and 2.18: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.