#00B194 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, unsaturated teal sits comfortably between blue and green. It provides a crisp, professional tone that works well for healthcare or wellness branding. Because it offers high contrast against black text, the hex code #00b194 is a practical choice for UI elements like buttons or notification badges. Use it as a secondary accent rather than a dominant background to avoid overwhelming your layout.
Questions about #00b194
What is #00b194 in RGB, HSL and CMYK?
In RGB, #00b194 is rgb(0, 177, 148), in HSL hsl(170, 100%, 35%) and in CMYK 100%, 0%, 16%, 31%.
Where should I use #00b194 in a user interface?
Because #00b194 provides high contrast against black text, it is an excellent choice for primary action buttons, notification badges, or subtle status indicators. Avoid using it as a dominant background color to prevent it from overwhelming your visual hierarchy.
What colors pair well with #00b194?
This teal works best when balanced against neutral tones like charcoal or deep slate, which help ground its vibrancy. For a softer look, pairing #00b194 with muted off-whites or light grays ensures the color remains clean and professional.
Is #00b194 readable on white or black?
#00b194 has a 2.72:1 contrast ratio on white and 7.71: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.