#CCB804 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, golden yellow brings a bold, industrial energy to designs. Because #ccb804 is so bright, it works best as a 10% accent color rather than a large background. It pairs well with charcoal greys to ground its intensity. With excellent contrast against black text, the hex code #ccb804 is ideal for calls to action, price tags, or high-visibility UI alerts.
Questions about #ccb804
What is #ccb804 in RGB, HSL and CMYK?
In RGB, #ccb804 is rgb(204, 184, 4), in HSL hsl(54, 96%, 41%) and in CMYK 0%, 10%, 98%, 20%.
Where should I use #ccb804 in my design?
Use #ccb804 primarily as a small accent color rather than a large background. It excels in high-visibility elements like call-to-action buttons, pricing tags, or system alerts where you need to draw the eye immediately without overwhelming the interface.
What colors pair well with #ccb804?
This golden yellow pairs beautifully with charcoal or deep neutral grays to ground its intense, industrial energy. Because #ccb804 is quite bright, these darker tones provide the necessary contrast to make your text readable while maintaining a sophisticated, modern aesthetic.
Is #ccb804 readable on white or black?
#ccb804 has a 2.01:1 contrast ratio on white and 10.42: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.