#46B7A2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated teal offers a soft, muted appearance that avoids the harshness of brighter greens. Because it lacks intense chroma, #46b7a2 works well as a restful background for wellness or healthcare interfaces. It pairs effectively with deep charcoal text for high legibility. As a hex code, #46b7a2 provides enough contrast for readable body text, making it a functional choice for modern UI design.
Questions about #46b7a2
What is #46b7a2 in RGB, HSL and CMYK?
In RGB, #46b7a2 is rgb(70, 183, 162), in HSL hsl(169, 45%, 50%) and in CMYK 62%, 0%, 11%, 28%.
Why is #46b7a2 effective for UI design?
#46b7a2 provides a perfect balance of chroma and softness, allowing it to function as a background color without overwhelming the user. It maintains high legibility when paired with dark charcoal or deep navy text for standard body content.
What color schemes work best with #46b7a2?
To create a harmonious look, pair #46b7a2 with analogous warm tones like soft peach or light terracotta to provide a gentle contrast. For a more professional or corporate feel, stick to monochromatic variations or deep slate grays.
Is #46b7a2 readable on white or black?
#46b7a2 has a 2.45:1 contrast ratio on white and 8.55: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.