#48748F Hex Color

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

Select a Color

Ashy and heavily muted, #48748f functions as a reliable, professional anchor for UI design. It lacks the vibrancy of traditional blues, making it ideal for financial interfaces where readability matters. The hex code #48748f provides high contrast, so white text remains perfectly legible. Use it as a supporting tone alongside warm, sandy neutrals to keep your composition from feeling too cold and detached.

Questions about #48748f

What is #48748f in RGB, HSL and CMYK?

In RGB, #48748f is rgb(72, 116, 143), in HSL hsl(203, 33%, 42%) and in CMYK 50%, 19%, 0%, 44%.

What colors pair well with #48748f for UI design?

#48748f functions best when balanced against warm, earthy neutrals like sand or beige to prevent a composition from feeling too sterile. You can also use it as a reliable base color for financial dashboards where legibility is the primary requirement.

Is #48748f readable on white or black?

#48748f has a 5.03:1 contrast ratio on white and 4.17: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.

#48748F Hex Color

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

Questions about #48748f

Color tools

Resources