#1F736F Hex Color

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

Hex color #1f736f graphic
This dusty teal sits between deep cyan and muted green. Because it is unsaturated and cool, #1f736f works best as a supporting tone rather than a background, as it can feel heavy in large areas. Pair it with crisp white or soft, warm grays to keep the composition legible. The hex code for this ashy shade is #1f736f, a reliable choice for professional wellness or tech interfaces.

Questions about #1f736f

What is #1f736f in RGB, HSL and CMYK?
In RGB, #1f736f is rgb(31, 115, 111), in HSL hsl(177, 58%, 29%) and in CMYK 73%, 0%, 3%, 55%.
What colors pair best with #1f736f?
Because #1f736f has a cool and desaturated presence, it pairs effectively with crisp, neutral tones to maintain clarity. Use it alongside off-white or soft gray to prevent the composition from feeling too heavy or claustrophobic.
Is #1f736f suitable for large background areas?
Using #1f736f in large background areas can often feel visually heavy or overwhelming due to its strong saturation and depth. It functions much more effectively as a supporting accent or primary button color in professional digital interfaces.
Is #1f736f readable on white or black?
#1f736f has a 5.61:1 contrast ratio on white and 3.74: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.