#3B7774 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty cyan is a muted, cool tone that favors readability over punchy saturation. Because #3b7774 provides sufficient contrast with white text, it works well as a primary background for tech or aerospace interfaces. Avoid using it alongside stark neons, as they will wash it out; instead, pair this desaturated shade with warm earth tones to create a balanced, professional aesthetic.
Questions about #3b7774
What is #3b7774 in RGB, HSL and CMYK?
In RGB, #3b7774 is rgb(59, 119, 116), in HSL hsl(177, 34%, 35%) and in CMYK 50%, 0%, 3%, 53%.
What colors pair well with #3b7774?
#3b7774 works best when paired with warm, natural neutrals to offset its cool, dusty undertones. Try combining it with terracotta for high-contrast warmth, or keep the palette sophisticated by using a light cream for text elements and clean backgrounds.
Is #3b7774 suitable for text-heavy interfaces?
Yes, #3b7774 provides sufficient contrast against white backgrounds, making it a reliable choice for UI components and headers. Its desaturated quality prevents visual fatigue, ensuring users can read long-form content comfortably without the strain often caused by overly punchy or vibrant colors.
Is #3b7774 readable on white or black?
#3b7774 has a 5.15:1 contrast ratio on white and 4.07: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.