#48585C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Dark and heavily muted, #48585c sits between cyan and blue-gray, with a cool, ashy undertone and matte finish. Its low saturation creates a serious, understated mood. Use the hex code as a supporting tone, dark-mode surface, or contrast block, pairing it with bright text or accents to avoid a muddy feel. White text reaches about a 7.4:1 contrast, enough for WCAG AA body text.
Questions about #48585c
What is #48585c in RGB, HSL and CMYK?
In RGB, #48585c is rgb(72, 88, 92), in HSL hsl(192, 12%, 32%) and in CMYK 22%, 4%, 0%, 64%.
What colors pair well with #48585c in a palette?
#48585c pairs well with off-white, muted copper, and dusty peach because warm accents lift its low-saturation blue-gray base without erasing its restrained mood, especially in interface buttons, small illustrations, and selected brand details. Use warmer tones sparingly to preserve contrast.
Where does #48585c work best in a design?
#48585c works best as a dark supporting tone, navigation surface, or large contrast block in interfaces and branding, while brighter cyan or warm accents provide focus and visual separation between sections. Its muted lightness can look muddy when it fills every element or appears in tiny, low-contrast text.
Is #48585c readable on white or black?
#48585c has a 7.43:1 contrast ratio on white and 2.82: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.