#148877 Hex Color

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

Hex color #148877 graphic
This unsaturated teal leans cool with balanced blue and green undertones. It projects clarity and sophistication, making it a natural fit for professional wellness or tech branding. As a hex code, #148877 works best as a primary UI accent rather than a full background. Pair it with crisp cream tones instead of stark white to avoid what colors make gray complications.

Questions about #148877

What is #148877 in RGB, HSL and CMYK?
In RGB, #148877 is rgb(20, 136, 119), in HSL hsl(171, 74%, 31%) and in CMYK 85%, 0%, 12%, 47%.
How should I use #148877 in a UI design?
Use #148877 sparingly as a primary accent color for buttons or active states rather than a large background. It pairs exceptionally well with warm cream or ivory tones to soften its cool intensity while maintaining high visual contrast.
Is #148877 readable on white or black?
#148877 has a 4.35:1 contrast ratio on white and 4.81: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.