#3D7A8F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and ashy, this cool cyan feels grounded and professional. It works best as a primary background color for technology interfaces where you need readability. The hex code #3d7a8f offers a 4.8:1 contrast ratio against white text, making it a reliable choice for accessible UI design. Try pairing it with warm ochre accents to balance the cool, dusty saturation.
Questions about #3d7a8f
What is #3d7a8f in RGB, HSL and CMYK?
In RGB, #3d7a8f is rgb(61, 122, 143), in HSL hsl(195, 40%, 40%) and in CMYK 57%, 15%, 0%, 44%.
What colors pair best with #3d7a8f?
You can balance the cool, dusty saturation of #3d7a8f by introducing warm, organic accents like ochre or soft terracotta. These warm tones complement the muted cyan, creating a professional palette that feels grounded rather than clinical.
Is #3d7a8f readable on white or black?
#3d7a8f has a 4.79:1 contrast ratio on white and 4.37: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.