#3C6E6C Hex Color

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

Select a Color

This muted, ashy cyan is cool and unsaturated, offering a grounded alternative to brighter teals. The hex code #3c6e6c works best as a supporting tone in professional UI layouts or tech branding, where it adds maturity without overwhelming the palette. Because it maintains strong contrast against white text, it remains legible when used for backgrounds or primary buttons. Pair it with soft cream or warm grey to prevent the color from appearing flat.

Questions about #3c6e6c

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

In RGB, #3c6e6c is rgb(60, 110, 108), in HSL hsl(178, 29%, 33%) and in CMYK 45%, 0%, 2%, 57%.

What colors pair well with #3c6e6c?

This muted cyan works best alongside neutral companions that prevent it from appearing too flat or muddy. Try pairing it with crisp cream to brighten the palette, or use a deep charcoal to establish a strong, professional contrast in your design.

Is #3c6e6c readable on white or black?

#3c6e6c has a 5.77:1 contrast ratio on white and 3.63: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.

#3C6E6C Hex Color

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

Questions about #3c6e6c

Color tools

Resources