#565F5C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and shadowed, #565f5c blends gray with restrained teal for a serious, grounded look. Its low saturation and dark value create moody depth without feeling harsh, making it useful for wellness, technology, hospitality, and communication designs. Use this hex code as a supporting tone or dark UI background, with white text reaching about 6.6:1 contrast.
Questions about #565f5c
What is #565f5c in RGB, HSL and CMYK?
In RGB, #565f5c is rgb(86, 95, 92), in HSL hsl(160, 5%, 35%) and in CMYK 9%, 0%, 3%, 63%. Browse more shades of gray with names and hex codes.
What colors pair well with #565f5c?
#565f5c pairs well with warm off-whites and earthy neutrals, while terracotta or muted coral adds restrained contrast without overpowering its gray-teal base across interfaces, branding, editorial layouts, and dashboards alike.
Does #565f5c read as a warm or cool color?
#565f5c reads as a cool, muted gray-teal because its blue-green component sits slightly above red, while its low saturation keeps that temperature subtle rather than vivid in most palettes, layouts, and interfaces.
Where does #565f5c work best?
#565f5c works well as a supporting tone for dark UI surfaces, wellness branding, hospitality designs, and communication layouts where a serious, calm mood matters more than visual intensity or bright contrast.
Is #565f5c readable on white or black?
#565f5c has a 6.58:1 contrast ratio on white and 3.18: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.