#AFAEA4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Dusty yellow with a grey backbone. #afaea4 is light and heavily muted, so it works best as a soft background or supporting tone rather than a headline color. Black text on it reaches about 9.4:1 contrast, well past WCAG AA for small body copy. Pair it with deep teal or charcoal for warmth without noise. At large sizes it can read muddy, so use it where restraint is the point.
Questions about #afaea4
What is #afaea4 in RGB, HSL and CMYK?
In RGB, #afaea4 is rgb(175, 174, 164), in HSL hsl(55, 6%, 66%) and in CMYK 0%, 1%, 6%, 31%.
What colors pair well with #afaea4?
Deep teal, charcoal, and dark olive all bring out the yellow undertone in #afaea4 without fighting its grey cast. Skip bright whites and saturated pastels, since they wash it out.
Is #afaea4 readable on white or black?
#afaea4 has a 2.23:1 contrast ratio on white and 9.41:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.