#5F7274 Hex Color

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

Hex color #5f7274 graphic
A muted, dusty cyan with a matte finish, #5f7274 functions best as a supporting tone in technology or corporate design. It carries a dim, ink-like quality that grounds brighter palettes. Because it is dark and fairly desaturated, white text remains highly legible against this hex code. Pair it with warm, sandy beiges to soften its gloomy, ash-grey undertones.

Questions about #5f7274

What is #5f7274 in RGB, HSL and CMYK?
In RGB, #5f7274 is rgb(95, 114, 116), in HSL hsl(186, 10%, 41%) and in CMYK 18%, 2%, 0%, 55%. Browse more shades of gray with names and hex codes.
What colors pair well with #5f7274?
#5f7274 works best when balanced against warm, earthy neutrals. Because this shade is cool and desaturated, it contrasts beautifully with a soft beige or warm terracotta, which helps lift its somewhat gloomy, ash-grey undertones.
Does #5f7274 work for text on a website?
Yes, #5f7274 is dark enough to serve as a high-contrast background for clean white text. It functions well for UI headers or footer sections where you need a professional, tech-focused look without using pure black or harsh dark grey.
Is #5f7274 readable on white or black?
#5f7274 has a 5.06:1 contrast ratio on white and 4.14: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.