#563F22 Hex Color

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

Hex color #563f22 graphic
Reach for dark brown when a layout needs a grounded base with some age to it. #563f22 is a dim, dusty brown with warm yellow undertones, mellow rather than rich. It works best as a dominant background for coffee, tobacco, or vintage branding, though it can turn muddy beside bright accents. White text reads clearly on this hex code, hitting about 9.9:1 contrast.

Questions about #563f22

What is #563f22 in RGB, HSL and CMYK?
In RGB, #563f22 is rgb(86, 63, 34), in HSL hsl(33, 43%, 24%) and in CMYK 0%, 27%, 60%, 66%. Browse more shades of brown with names and hex codes.
What colors pair well with #563f22?
Warm creams and muted burnt orange flatter this brown while keeping its earthy character. A deep teal also works when you want contrast without the palette turning cold.
Is #563f22 readable on white or black?
#563f22 has a 9.86:1 contrast ratio on white and 2.12: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 is too faint for text. Try other pairs in the contrast checker.