#46A8B3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, unsaturated cyan pairs well with clean, white interfaces to create a refreshing and trustworthy feel. Because of its excellent contrast, the hex code #46a8b3 works effectively for small body text or clear navigational icons. Use this shade as a balanced supporting tone rather than a dominant background, as its muted quality can easily wash out in large surface areas.
Questions about #46a8b3
What is #46a8b3 in RGB, HSL and CMYK?
In RGB, #46a8b3 is rgb(70, 168, 179), in HSL hsl(186, 44%, 49%) and in CMYK 61%, 6%, 0%, 30%.
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 readable on white or black?
#46a8b3 has a 2.79:1 contrast ratio on white and 7.51: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.