#10A8A0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated teal feels cool and restrained, making it a reliable choice for professional healthcare or technology branding. Because it offers strong contrast against black text, it works well for UI elements where clarity is paramount. Use the hex code #10a8a0 as an accent color rather than a primary background to avoid overpowering your design. If you are experimenting with mixing gray, this teal provides a clean, sophisticated alternative to standard blue-grays.
Questions about #10a8a0
What is #10a8a0 in RGB, HSL and CMYK?
In RGB, #10a8a0 is rgb(16, 168, 160), in HSL hsl(177, 83%, 36%) and in CMYK 90%, 0%, 5%, 34%.
When should I use #10a8a0 in interface design?
#10a8a0 works best as an accent color for UI components where clarity is vital, such as buttons or status indicators. Because it remains legible against black text, it maintains high accessibility standards while providing a professional, cool-toned aesthetic for digital interfaces.
Is #10a8a0 better suited for text or backgrounds?
This color is highly effective for UI accents rather than large backgrounds, as its intensity can become overwhelming in broad applications. It pairs exceptionally well with charcoal or dark neutral text, ensuring that your primary content remains the focus of the design.
Is #10a8a0 readable on white or black?
#10a8a0 has a 2.94:1 contrast ratio on white and 7.13: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.