#46A8B3 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Frequently Asked Questions

How should I use #46a8b3 in a design system?
#46a8b3 functions best as a supporting tone for navigational elements or small icons rather than a dominant background color. Its muted, unsaturated quality ensures it remains readable without overwhelming users when paired with high-contrast neutral backgrounds like charcoal or soft white.
Is #46a8b3 accessible for body text?
While #46a8b3 provides solid contrast, it generally does not meet WCAG AA standards for small body text on pure white backgrounds. You should pair it with darker, high-contrast typography to ensure readability or reserve this specific shade for non-text UI components.