#565557 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#565557 is a dark, low-saturation grey with a slight violet undertone. Its dim, ashy character brings seriousness and depth to interfaces, typography, architecture, and moody layouts. Use it as a dominant background or supporting tone with warmer neutrals. White text achieves about 7.4:1 contrast, meeting WCAG AA for body text. The hex code is #565557.
Questions about #565557
What is #565557 in RGB, HSL and CMYK?
In RGB, #565557 is rgb(86, 85, 87), in HSL hsl(270, 1%, 34%) and in CMYK 1%, 2%, 0%, 66%.
What colors pair well with #565557?
Warm neutrals, muted mauve, and terracotta pair well with #565557, adding contrast and warmth without fighting its subdued violet undertone; use them in accents, surfaces, or supporting text when the overall palette needs a softer, more grounded feel.
Does #565557 read as a warm or cool color?
#565557 reads as a cool-leaning neutral because its low saturation is tempered by a slight violet undertone, giving it an ashy cast that feels restrained rather than strongly blue or purple. Warm neutrals can make it feel softer and more inviting.
Is #565557 readable on white or black?
#565557 has a 7.41:1 contrast ratio on white and 2.83: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 is too faint for text. Try other pairs in the contrast checker.