#877256 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, ashy orange offers a grounded, matte appearance that feels intentionally understated. Because #877256 is highly desaturated, it functions best as a supporting texture or a background element rather than a focal point. Pair it with soft cream or slate gray to retain its dusty character. While white text meets WCAG AA standards over this hex code, the color risks looking muddy if used too broadly.
Questions about #877256
What is #877256 in RGB, HSL and CMYK?
In RGB, #877256 is rgb(135, 114, 86), in HSL hsl(34, 22%, 43%) and in CMYK 0%, 16%, 36%, 47%. Browse more shades of brown with names and hex codes.
What colors pair best with #877256?
This muted orange pairs exceptionally well with slate gray or cream to balance its dusty character. These neutral pairings keep the design grounded without making the color feel too heavy or muddy in a layout.
How should I use #877256 in a design?
Because #877256 is highly desaturated, use it primarily as a background element or for supporting textures rather than a focal point. It provides a sophisticated, matte feel that anchors a composition without overpowering brighter, more vibrant elements.
Is #877256 readable on white or black?
#877256 has a 4.59:1 contrast ratio on white and 4.57: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 for body text. Try other pairs in the contrast checker.