#02896E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, unsaturated teal carries a balanced weight that feels professional yet refreshing. It works effectively for healthcare and wellness branding where a clinical but approachable tone is required. Because the color has a strong 4.8:1 contrast ratio against black text, it functions well as a UI background or primary button. The hex code for this shade is #02896e.
Questions about #02896e
What is #02896e in RGB, HSL and CMYK?
In RGB, #02896e is rgb(2, 137, 110), in HSL hsl(168, 97%, 27%) and in CMYK 99%, 0%, 20%, 46%.
Where does #02896e work best in UI design?
#02896e functions effectively as a primary button or background color because it maintains a strong 4.8:1 contrast ratio against black text. This balance ensures high readability while providing a professional, calm aesthetic that avoids the harshness of brighter teals.
What colors pair well with #02896e for a balanced palette?
Pair #02896e with neutral tones like soft-gray or warm off-whites to ground the color. Because of its cool, unsaturated nature, it also provides excellent contrast against warm accents like terracotta or soft gold, creating a sophisticated and grounded visual scheme.
Is #02896e readable on white or black?
#02896e has a 4.36:1 contrast ratio on white and 4.80: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.