#5F676E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Dusty slate blue that leans grey. #5f676e is muted and mid-dark, so it reads steady and dependable, a fit for finance, tech, and government design. Use it as a supporting tone or large UI surface, but watch for muddiness in dim lighting. Warm rust or cream keeps it from fading. White text clears WCAG AA on top at about 5.8:1.
Questions about #5f676e
What is #5f676e in RGB, HSL and CMYK?
In RGB, #5f676e is rgb(95, 103, 110), in HSL hsl(208, 7%, 40%) and in CMYK 14%, 6%, 0%, 57%. Browse more shades of gray with names and hex codes.
What text color works best on #5f676e?
White text is the clearest choice, with a contrast ratio of about 5.8:1 against #5f676e. That clears the WCAG AA threshold of 4.5:1 for body text, so small white type stays readable on this background.
What colors pair well with #5f676e?
Warm accents like terracotta or rust bring out the faint blue in #5f676e and stop it from reading flat. Cream works too if you want a softer, lower-contrast palette.
Is #5f676e readable on white or black?
#5f676e has a 5.75:1 contrast ratio on white and 3.65: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.