#28B5A3 Hex Color

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

Hex color #28b5a3 graphic
This unsaturated, cool-toned teal feels balanced and professional. Because it maintains strong readability against black text, #28b5a3 functions well as a primary CTA button or a dominant brand color in tech and healthcare interfaces. While bright, its muted quality prevents it from overpowering a layout. For designers wondering what colors make gray, this specific hex code offers a sophisticated alternative to standard blue palettes.

Questions about #28b5a3

What is #28b5a3 in RGB, HSL and CMYK?
In RGB, #28b5a3 is rgb(40, 181, 163), in HSL hsl(172, 64%, 43%) and in CMYK 78%, 0%, 10%, 29%.
Where does #28b5a3 work best in UI design?
#28b5a3 serves as an excellent primary choice for tech and healthcare interfaces where professional calm is required. Because it remains highly readable against standard black text, it functions effectively as a distinct call to action button without overwhelming the surrounding layout.
Which colors pair well with #28b5a3?
This muted teal creates harmonious combinations when paired with neutral tones like charcoal or soft off-whites to let the color pop. For a more vibrant contrast, consider pairing it with a warm, desaturated terracotta to balance its inherent coolness.
Is #28b5a3 readable on white or black?
#28b5a3 has a 2.55:1 contrast ratio on white and 8.22:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.