#5F7E89 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty cyan sits firmly in the gray spectrum. Because it is highly unsaturated, #5f7e89 provides a grounding, matte backdrop for UI elements or tech interfaces. It maintains excellent readability with black text, making it a functional choice for body content. Pair it with crisp cream or soft terracotta to warm up its cool, ashy undertones and prevent it from feeling too sterile.
Questions about #5f7e89
What is #5f7e89 in RGB, HSL and CMYK?
In RGB, #5f7e89 is rgb(95, 126, 137), in HSL hsl(196, 18%, 45%) and in CMYK 31%, 8%, 0%, 46%.
What colors pair well with #5f7e89?
This muted cyan works best alongside warm, neutral tones to prevent a sterile appearance. Pair #5f7e89 with cream for a soft contrast or terracotta to introduce a balanced, earthy warmth that enlivens its cool gray undertones.
Is #5f7e89 readable on white or black?
#5f7e89 has a 4.34:1 contrast ratio on white and 4.83:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.