#3D5D69 Hex Color

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

Select a Color

This dusty, muted cyan carries a serious and understated tone. Because of its low saturation and dark value, it works best as a grounding neutral for modern UI backgrounds rather than an accent. Pair it with soft cream or warm beige to cut the gloom. The hex code for this color is #3d5d69, which provides excellent contrast against white text for accessible body copy.

Questions about #3d5d69

What is #3d5d69 in RGB, HSL and CMYK?

In RGB, #3d5d69 is rgb(61, 93, 105), in HSL hsl(196, 27%, 33%) and in CMYK 42%, 11%, 0%, 59%. Browse more shades of blue with names and hex codes.

What colors pair best with #3d5d69 for UI design?

Because #3d5d69 carries a heavy, serious tone, it balances beautifully with warm, light neutrals like cream or soft beige to cut through the gloom. Using these lighter shades helps the cyan maintain its professional, grounded feel without feeling too cold or overly dark on screen.

Is #3d5d69 readable on white or black?

#3d5d69 has a 7.07:1 contrast ratio on white and 2.96: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.

#3D5D69 Hex Color

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

Questions about #3d5d69

Color tools

Resources