#2E7871 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated teal carries a cool, muted tone that feels grounded and clear. Because it lacks intensity, #2e7871 works effectively as a supportive 30% accent rather than a dominant background. Pair it with warm, sandy beiges or crisp white to avoid a muddy appearance in your UI or branding work. The hex code for this color is #2e7871.
Questions about #2e7871
What is #2e7871 in RGB, HSL and CMYK?
In RGB, #2e7871 is rgb(46, 120, 113), in HSL hsl(174, 45%, 33%) and in CMYK 62%, 0%, 6%, 53%.
What colors pair best with #2e7871 in a design?
#2e7871 works best when balanced against warm neutrals like cream or sandy beige to prevent it from looking muddy. For a higher contrast approach, it pairs beautifully with clean white or light gray text to keep the interface readable.
Is #2e7871 considered a warm or cool color?
#2e7871 is distinctly cool-toned due to its heavy teal and blue undertones. Its desaturated nature makes it feel less like a vibrant green and more like a muted, sophisticated slate that sits calmly in the background of a layout.
Is #2e7871 readable on white or black?
#2e7871 has a 5.19:1 contrast ratio on white and 4.04: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.