#3A4E48 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted teal carries a heavy, matte quality that feels grounded and serious. The hex code #3a4e48 works best as a supporting tone in web interfaces or wellness branding where you need a calm, sophisticated anchor. It supports high readability for white text, but avoid pairing it with dark colors to prevent a muddy look.
Questions about #3a4e48
What is #3a4e48 in RGB, HSL and CMYK?
In RGB, #3a4e48 is rgb(58, 78, 72), in HSL hsl(162, 15%, 27%) and in CMYK 26%, 0%, 8%, 69%.
What colors pair well with #3a4e48?
Since #3a4e48 is a heavy, muted tone, it works best when balanced by lighter neutrals. Pair it with soft cream or warm beige to prevent the palette from feeling too dark or muddy. Avoid placing this deep teal against other dark shades for better clarity.
Is #3a4e48 a good choice for UI text backgrounds?
Use #3a4e48 as a bold background for white text to maintain high readability in clean interfaces. Because of its dark, matte quality, it provides a stable visual foundation that feels professional and calm, making it ideal for minimalist design systems.
Is #3a4e48 readable on white or black?
#3a4e48 has a 8.88:1 contrast ratio on white and 2.36: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.