#548651 Hex Color

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

Select a Color

This muted, dusty green carries a matte finish that avoids neon harshness. It works well for organic branding or financial interfaces requiring a sense of stability. Because the hex code #548651 maintains a 4.9:1 contrast ratio with black text, it is safe to use for small body copy. Pair it with cream or warm gray to ground your layout.

Questions about #548651

What is #548651 in RGB, HSL and CMYK?

In RGB, #548651 is rgb(84, 134, 81), in HSL hsl(117, 25%, 42%) and in CMYK 37%, 0%, 40%, 47%.

What colors pair well with #548651 in a UI design?

#548651 works beautifully when anchored by cream or warm beige tones to soften the overall palette. For text readability, pairing this green with deep charcoal provides a high-contrast, professional look without the harshness of pure black.

Is #548651 readable on white or black?

#548651 has a 4.28:1 contrast ratio on white and 4.90:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.

#548651 Hex Color

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

Questions about #548651

Color tools

Resources