#2F7C8A Hex Color

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

Hex color #2f7c8a graphic
This muted teal carries a dusty, cool character that feels grounded rather than electric. Because of its desaturated quality, #2f7c8a functions best as a stabilizing base color in tech or aerospace branding. It provides enough contrast to support white body text, making it a reliable choice for UI components. Pair it with soft warm grays to avoid a cold, sterile appearance.

Questions about #2f7c8a

What is #2f7c8a in RGB, HSL and CMYK?
In RGB, #2f7c8a is rgb(47, 124, 138), in HSL hsl(189, 49%, 36%) and in CMYK 66%, 10%, 0%, 46%. Browse more shades of blue with names and hex codes.
What colors pair well with #2f7c8a for a balanced design?
#2f7c8a works best when paired with warm gray or soft beige tones to counteract its cool, dusty nature. You can also use crisp white for high-contrast UI elements, or accent with deep charcoal to ground the overall palette.
Is #2f7c8a readable on white or black?
#2f7c8a has a 4.80:1 contrast ratio on white and 4.37: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.