#5A5F63 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, slate-grey offers a serious tone for professional digital interfaces. It acts as a stable neutral background, avoiding the starkness of pure white while maintaining high readability. With white text, it reaches a 6.5:1 contrast ratio, which is ideal for small body copy. The hex code for this muted grey is #5a5f63, making it a reliable choice for minimal design systems.
Questions about #5a5f63
What is #5a5f63 in RGB, HSL and CMYK?
In RGB, #5a5f63 is rgb(90, 95, 99), in HSL hsl(207, 5%, 37%) and in CMYK 9%, 4%, 0%, 61%.
Is #5a5f63 a good choice for body text?
Yes, #5a5f63 functions effectively as a text color because it maintains a 6.5:1 contrast ratio against a pure white background. This provides high readability for small, dense body copy while appearing softer and less jarring than absolute black.
Which color palettes pair well with #5a5f63?
Because #5a5f63 is a neutral, cool-toned grey, it pairs perfectly with crisp white for background contrast or vibrant accent colors like deep navy or muted teal. Using it as a base allows brighter highlight colors to stand out without causing visual strain.
Is #5a5f63 readable on white or black?
#5a5f63 has a 6.45:1 contrast ratio on white and 3.25: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.