#AF564B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty brick red feels grounded and stable, avoiding the harsh intensity of a pure primary red. Because of its desaturated quality, the hex code #af564b works best as a secondary accent color rather than a dominant background. Pair it with soft creams or warm grays to prevent it from appearing muddy in your layouts. White text maintains readable contrast against this mellow, earthy shade.
Questions about #af564b
What is #af564b in RGB, HSL and CMYK?
In RGB, #af564b is rgb(175, 86, 75), in HSL hsl(7, 40%, 49%) and in CMYK 0%, 51%, 57%, 31%. Browse more shades of brown with names and hex codes.
What colors pair well with #af564b in a design layout?
Pair #af564b with soft creams, warm grays, or deep charcoal to create a balanced, professional palette. This muted brick red can feel muddy if paired with overly saturated colors, so stick to neutral or desaturated backgrounds to let it shine.
Is #af564b a suitable color for text on websites?
Using #af564b as a text color is generally risky due to accessibility standards, as it lacks sufficient contrast against white or light backgrounds. It is much more effective as a secondary accent for buttons, borders, or graphical elements rather than body copy.
Is #af564b readable on white or black?
#af564b has a 4.93:1 contrast ratio on white and 4.25: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.