#635157 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #635157 graphic
This muted, dusty tone reads as a dark blend of grey and pink. The hex code #635157 functions best as a moody background or a grounding neutral for UI designs. It offers excellent legibility when used with white text. To avoid a muddy look, pair it with soft creams or warm, metallic accents instead of stark, cool whites.

Questions about #635157

What is #635157 in RGB, HSL and CMYK?
In RGB, #635157 is rgb(99, 81, 87), in HSL hsl(340, 10%, 35%) and in CMYK 0%, 18%, 12%, 61%.
What colors pair best with #635157 for a balanced palette?
#635157 works best when paired with soft creams or warm, metallic accents to prevent it from looking muddy. Avoid pairing it with stark, cool whites, which can create too much contrast and make the color appear lifeless or washed out.
Is #635157 a suitable background color for UI design?
Yes, #635157 functions as an excellent, subtle background color that offers high legibility when used with white text. Because it is a muted, dusty tone, it provides a sophisticated, grounding neutral that is less harsh than standard black or dark grey options.
Is #635157 readable on white or black?
#635157 has a 7.38:1 contrast ratio on white and 2.84: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.