#CCAA14 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A high-saturation golden yellow, #ccaa14 carries a strong, warm personality that commands attention. Because of its intensity, it works best as an accent color for buttons or call-to-action elements rather than a primary background. It pairs well with deep charcoal or navy blue to maximize contrast. This hex code offers excellent readability for black text, making it a functional choice for high-impact graphic design.
Questions about #ccaa14
What is #ccaa14 in RGB, HSL and CMYK?
In RGB, #ccaa14 is rgb(204, 170, 20), in HSL hsl(49, 82%, 44%) and in CMYK 0%, 17%, 90%, 20%.
What colors pair best with #ccaa14?
Should I use #ccaa14 as a background color?
It is generally too saturated for large, full-screen backgrounds because it can easily overwhelm the viewer. Use #ccaa14 primarily as a functional accent color for call-to-action buttons, notifications, or specific graphic elements where you need to draw the eye immediately.
Is #ccaa14 readable on white or black?
#ccaa14 has a 2.25:1 contrast ratio on white and 9.32: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.