#5F7C86 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and ashy, #5f7c86 is a dusty cyan with a cool blue-gray undertone. Its low saturation gives interfaces and brand palettes a matte, understated feel rather than sharp energy. Use it as a supporting tone for technology, aerospace, or productivity designs. Black body text reaches about 4.7:1 contrast, while broad areas can look muddy.
Questions about #5f7c86
What is #5f7c86 in RGB, HSL and CMYK?
In RGB, #5f7c86 is rgb(95, 124, 134), in HSL hsl(195, 17%, 45%) and in CMYK 29%, 7%, 0%, 47%. Browse more shades of gray with names and hex codes.
What colors pair well with #5f7c86 in a design palette?
#5f7c86 pairs well with black body text and with warm terracotta for restrained contrast, while cream softens its blue-gray cast and navy keeps the palette serious without making the cyan-gray feel brighter.
Where should designers use #5f7c86?
#5f7c86 works best as a supporting tone, medium-scale UI background, or restrained brand field rather than a tiny accent, because its low saturation keeps screens easy to scan during longer work sessions. It suits communication, technology, aerospace, and productivity layouts, though broad solid areas may feel dull beside bright colors.
Is #5f7c86 readable on white or black?
#5f7c86 has a 4.45:1 contrast ratio on white and 4.71: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.