#887064 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, ashy orange sits firmly in neutral territory. With its low saturation, #887064 functions best as a stabilizing base or background color rather than an accent. It provides enough contrast to support small white text, making it a reliable choice for readable UI elements. Pair it with soft creams or charcoal grays to ground your palette. The hex code for this matte shade is #887064.
Questions about #887064
What is #887064 in RGB, HSL and CMYK?
In RGB, #887064 is rgb(136, 112, 100), in HSL hsl(20, 15%, 46%) and in CMYK 0%, 18%, 26%, 47%.
How should I use #887064 in a UI design?
#887064 works best as a stabilizing background color rather than a primary accent. Because of its muted, ashy quality, it provides excellent contrast for white text, making it a reliable choice for readable navigation bars or subtle content containers.
What colors pair well with #887064?
This neutral, ashy orange pairs beautifully with soft creams to brighten the palette or charcoal grays to ground the design. These combinations leverage the desaturated nature of the color to create a sophisticated, balanced, and professional appearance for any interface.
Is #887064 readable on white or black?
#887064 has a 4.61:1 contrast ratio on white and 4.54: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.