#457A71 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This ashy, desaturated teal feels reserved and professional. Because it is muted, #457a71 works best as a supporting tone in brand palettes rather than a dominant background. It pairs well with soft creams or warm grays to avoid appearing too cold. The hex code #457a71 provides excellent readability with white text, making it a reliable choice for UI components in wellness and technology interfaces.
Questions about #457a71
What is #457a71 in RGB, HSL and CMYK?
In RGB, #457a71 is rgb(69, 122, 113), in HSL hsl(170, 28%, 37%) and in CMYK 43%, 0%, 7%, 52%.
What colors pair well with #457a71 for a balanced design?
Because #457a71 is a muted, desaturated teal, it works best when grounded by warm neutrals. Pairing it with cream or warm gray prevents the teal from feeling too clinical or cold, creating a sophisticated and accessible color palette.
Is #457a71 a suitable choice for text in UI design?
The hex code #457a71 offers strong readability when paired with white text, making it a reliable choice for UI components and headers. However, avoid using it as a primary background for small, dense body text to maintain optimal visual accessibility standards.
Is #457a71 readable on white or black?
#457a71 has a 4.91:1 contrast ratio on white and 4.27:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.