#167E7F Hex Color

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

Select a Color

This unsaturated teal offers a balanced, cool presence. It provides enough contrast to support white text, making it a reliable choice for UI components or legible body text. Pair the hex code #167e7f with warm sand tones or soft corals to prevent it from feeling too sterile. It works effectively as a secondary color or an accent rather than a dominant background.

Questions about #167e7f

What is #167e7f in RGB, HSL and CMYK?

In RGB, #167e7f is rgb(22, 126, 127), in HSL hsl(181, 70%, 29%) and in CMYK 83%, 1%, 0%, 50%.

What colors pair best with #167e7f?

#167e7f works exceptionally well when balanced against warm, earthy neutrals like sand or soft coral tones. Using these warmer opposites prevents the cool teal from feeling overly sterile, creating a sophisticated and grounded aesthetic for modern web layouts.

Is #167e7f readable on white or black?

#167e7f has a 4.85:1 contrast ratio on white and 4.32: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.

#167E7F Hex Color

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

Questions about #167e7f

Color tools

Resources