#42575E Hex Color

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

Hex color #42575e graphic
This muted, dark cyan carries strong grey and ash undertones, creating a somber yet professional presence. Because it sits on the cooler, darker side of the spectrum, #42575e functions best as a background base rather than a highlight. It offers excellent contrast for white text, making it a reliable choice for UI designs where readability and a serious, grounded mood are required.

Questions about #42575e

What is #42575e in RGB, HSL and CMYK?
In RGB, #42575e is rgb(66, 87, 94), in HSL hsl(195, 18%, 31%) and in CMYK 30%, 7%, 0%, 63%.
Where should I use #42575e in my UI design?
#42575e excels as a sophisticated, grounded background base for modern user interfaces. Because of its dark, desaturated nature, it provides strong readability for white typography while maintaining a somber, professional, and reliable mood compared to brighter alternatives.
What colors pair best with #42575e?
This muted dark cyan works best when paired with neutral white or light off-white text for high contrast. You can also introduce soft cream or light grey accents to balance its cool, industrial undertones without overpowering the design.
Is #42575e readable on white or black?
#42575e has a 7.61:1 contrast ratio on white and 2.75: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 is too faint for text. Try other pairs in the contrast checker.