#3A9386 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and cool, #3a9386 balances blue and green tones into a sophisticated, unsaturated teal. This shade offers clear, legible contrast against black text, making it a reliable choice for UI components and wellness branding. Avoid using it as a full-page background, as it can feel heavy; instead, use it as a dominant accent color to anchor your layout. The hex code for this teal is #3a9386.
Questions about #3a9386
What is #3a9386 in RGB, HSL and CMYK?
In RGB, #3a9386 is rgb(58, 147, 134), in HSL hsl(171, 43%, 40%) and in CMYK 61%, 0%, 9%, 42%.
Where should I use #3a9386 in a website design?
#3a9386 functions best as a dominant accent color rather than a primary background choice, as it can feel visually heavy in large blocks. Use it for call-to-action buttons, data visualization elements, or secondary navigation headers to maintain clear readability.
What colors pair well with #3a9386?
Is #3a9386 readable on white or black?
#3a9386 has a 3.68:1 contrast ratio on white and 5.69: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.