#CCAE20 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This warm, mustard-toned yellow feels energetic and optimistic. Because #ccae20 is highly saturated, it works best as a bold accent rather than a dominant background color. It pairs surprisingly well with deep, matte charcoal grays for a modern, high-contrast look. Since black text provides excellent readability at 9.6:1 contrast, this hex code is a reliable choice for call-to-action buttons where visibility matters.
Questions about #ccae20
What is #ccae20 in RGB, HSL and CMYK?
In RGB, #ccae20 is rgb(204, 174, 32), in HSL hsl(50, 73%, 46%) and in CMYK 0%, 15%, 84%, 20%.
What colors pair well with #ccae20?
#ccae20 functions best when paired with dark, neutral tones like deep charcoal or soft black. This combination provides enough visual contrast to make the yellow pop without overwhelming the eye, creating a balanced and modern design aesthetic.
Is #ccae20 a good choice for text?
While #ccae20 offers high saturation, it is generally too light to use as body text against a white background. It serves better as an accent color for buttons or icons, where black text layered on top creates excellent 9.6:1 contrast.
Is #ccae20 readable on white or black?
#ccae20 has a 2.17:1 contrast ratio on white and 9.64: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.