#217771 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and medium-dark, this dusty teal carries an ashy, grayed undertone. Its low saturation reads calm and professional, which suits healthcare branding, wellness sites, and tech UI. The hex code is #217771, and white text clears AA at about 5.3:1, so small copy stays readable on top. Use it as a dominant base and pair it with soft coral. Replicating a cast this muted starts with knowing what colors make gray.
Questions about #217771
What is #217771 in RGB, HSL and CMYK?
In RGB, #217771 is rgb(33, 119, 113), in HSL hsl(176, 57%, 30%) and in CMYK 72%, 0%, 5%, 53%.
What colors go well with #217771?
Soft coral, warm sand, and dusty rose warm up #217771 without clashing, while cream and cool grays keep it subdued. For text on this teal, white is the safest pick, passing AA at about 5.3:1 contrast.
Is #217771 a good background color for websites?
Yes, for large areas and headings. #217771 is dark enough for white text to pass AA at about 5.3:1, and its low saturation keeps long viewing sessions easy on the eyes. Avoid fine gray text on top, since contrast drops fast.
Is #217771 readable on white or black?
#217771 has a 5.32:1 contrast ratio on white and 3.94: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.