#686356 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Wet concrete comes to mind next to #686356, a dark yellow drained down to almost gray. Its low saturation and dim lightness give designs a matte, grounded feel, so it works best as a supporting tone under brighter hues rather than the star. It flatters dusty teal and burnt orange, and the hex code holds about 6:1 contrast with white text, enough for small body copy.
Questions about #686356
What is #686356 in RGB, HSL and CMYK?
In RGB, #686356 is rgb(104, 99, 86), in HSL hsl(43, 9%, 37%) and in CMYK 0%, 5%, 17%, 59%.
Can white text sit on a #686356 background?
Yes. White text on #686356 reaches about 6.0:1 contrast, which clears the WCAG AA threshold of 4.5:1 for body text. Dark text on top of it, however, fails, so stick with light type on this shade.
What colors pair well with #686356?
Is #686356 readable on white or black?
#686356 has a 5.98:1 contrast ratio on white and 3.50: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.