#3C989B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated cyan carries a distinctively cool, clinical edge. Because #3c989b offers excellent legibility, it functions well as a primary background color for clean, tech-focused interfaces. Pair it with dark slate grays to ground its airy quality, avoiding lighter neutrals that can make the tone appear washed out. Designers rely on the hex code #3c989b to convey stability and professional trust in branding.
Questions about #3c989b
What is #3c989b in RGB, HSL and CMYK?
In RGB, #3c989b is rgb(60, 152, 155), in HSL hsl(182, 44%, 42%) and in CMYK 61%, 2%, 0%, 39%.
What colors pair best with #3c989b?
This color anchors best when paired with dark slate grays or deep charcoal, which ground its airy quality without washing it out. Avoid using light, desaturated neutrals alongside #3c989b, as these combinations often cause the tone to appear muddy or sickly.
How does #3c989b function in UI design?
Due to its high legibility, #3c989b is an excellent choice for primary backgrounds in clinical or professional tech interfaces. It conveys a strong sense of stability and trustworthy computing without overwhelming the user or demanding too much visual attention.
Is #3c989b readable on white or black?
#3c989b has a 3.41:1 contrast ratio on white and 6.15:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.