#565F2D Hex Color

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

Hex color #565f2d graphic
This unsaturated, earthy olive functions best as a grounding accent rather than a primary background color. The hex code #565f2d carries a muddy, serious weight that pairs surprisingly well with bright, saturated oranges or crisp off-whites. Because of its dark, dusty quality, use it sparingly in UI designs to maintain readability. It offers a rugged, organic tone for outdoor brands or military-inspired palettes.

Questions about #565f2d

What is #565f2d in RGB, HSL and CMYK?
In RGB, #565f2d is rgb(86, 95, 45), in HSL hsl(71, 36%, 27%) and in CMYK 9%, 0%, 53%, 63%.
What colors pair well with #565f2d in a UI design?
#565f2d works best when balanced against crisp off-whites or bright, saturated oranges to prevent the design from feeling too muddy. Because it is a dark, serious olive, it provides a strong grounding element when used sparingly against lighter, cleaner backgrounds.
Is #565f2d readable on white or black?
#565f2d has a 6.83:1 contrast ratio on white and 3.07: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.