#5B661E Hex Color

Deep earthy yellow with grounded organic energy

Hex color #5b661e graphic
This dark, earthy yellow sits heavily on the screen with a moody, unsaturated presence. While the hex code #5b661e reads well as an accent or secondary tone, it can appear muddy if overused in large background areas. It pairs surprisingly well with muted teals or burnt oranges. White text maintains clear readability against this shade, making it a functional choice for high-contrast, nature-inspired UI elements.

Questions about #5b661e

What is #5b661e in RGB, HSL and CMYK?
In RGB, #5b661e is rgb(91, 102, 30), in HSL hsl(69, 55%, 26%) and in CMYK 11%, 0%, 71%, 60%.
What color schemes work best with #5b661e?
The moody, unsaturated quality of #5b661e works best when balanced against muted, cool tones like teal or contrasted with vibrant burnt orange. These pairings prevent the shade from appearing muddy while maintaining a cohesive, nature-focused design palette.
Is #5b661e a good choice for text on a white background?
Using #5b661e as text on a white background provides excellent readability due to its dark, heavy saturation. It functions well for headers or secondary UI elements that need to stand out without the harshness of pure black.
Is #5b661e readable on white or black?
#5b661e has a 6.24:1 contrast ratio on white and 3.36: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.