#2A878C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#2a878c is a muted, desaturated teal with significant cool undertones. Its moderate brightness makes it a reliable choice for UI elements that require readability without being harsh. Because it offers high contrast against black text, it works well for buttons or secondary branding accents. Pair this hex code with warm terracotta or soft ochre to balance its clinical, technological feel.
Questions about #2a878c
What is #2a878c in RGB, HSL and CMYK?
In RGB, #2a878c is rgb(42, 135, 140), in HSL hsl(183, 54%, 36%) and in CMYK 70%, 4%, 0%, 45%.
What colors work well with #2a878c in a design palette?
Pair #2a878c with warm terracotta or soft ochre to balance its clinical, technological feel. These contrasting warm tones prevent the color from appearing too sterile while maintaining a professional and grounded aesthetic for your interfaces.
Is #2a878c readable on white or black?
#2a878c has a 4.24:1 contrast ratio on white and 4.94: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.