#28A197 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated teal carries a cool, clinical clarity suitable for healthcare interfaces and wellness branding. While vivid enough to command attention as an accent, it works best as a supporting tone against warm grays or muted peach. The hex code for this color is #28a197. With a 6.6:1 contrast ratio against black text, it provides strong readability for small body type.
Questions about #28a197
What is #28a197 in RGB, HSL and CMYK?
In RGB, #28a197 is rgb(40, 161, 151), in HSL hsl(175, 60%, 39%) and in CMYK 75%, 0%, 6%, 37%.
Where does #28a197 work best in UI design?
#28a197 serves as an ideal accent color for healthcare and wellness applications because it evokes a clean, clinical, and calming atmosphere. Use it for primary buttons, alert icons, or subtle interface elements against neutral backgrounds like soft off-white or light gray.
What colors pair well with #28a197?
Is #28a197 readable on white or black?
#28a197 has a 3.16:1 contrast ratio on white and 6.63: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.