#3A565D Hex Color

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

Hex color #3a565d graphic
A dark, muted teal with heavy gray undertones, #3a565d offers a grounded alternative to brighter blues. This dusty shade works best as a moody background or supporting element in tech-focused interfaces. Because it maintains strong legibility, white text pairs cleanly against it for readability. Use the hex code #3a565d sparingly in large blocks to avoid a muddy appearance in your final design composition.

Questions about #3a565d

What is #3a565d in RGB, HSL and CMYK?
In RGB, #3a565d is rgb(58, 86, 93), in HSL hsl(192, 23%, 30%) and in CMYK 38%, 8%, 0%, 64%. Browse more shades of gray with names and hex codes.
What colors pair well with #3a565d in a design scheme?
This muted teal pairs exceptionally well with soft, neutral tones like cream or light sand to balance its heavy gray undertones. For higher contrast, use crisp whites or subtle, pale metallic silvers to maintain the clean, technical aesthetic.
Does #3a565d work well for website text or backgrounds?
Because of its dark value, #3a565d performs best as a background color rather than for body text. It provides excellent legibility for white or light-colored interface elements, making it a reliable choice for buttons, headers, or sidebar sections.
Is #3a565d readable on white or black?
#3a565d has a 7.86:1 contrast ratio on white and 2.66: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.