#CCBB00 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, warm yellow leans heavily into green, creating an energetic and punchy tone. Because of its intensity, #ccbb00 works best as a small accent to grab attention for sales or alerts rather than a large background. It pairs exceptionally well with deep charcoals, as black text creates a very readable 10.7:1 contrast ratio. Use this hex code sparingly to maintain impact in your designs.
Questions about #ccbb00
What is #ccbb00 in RGB, HSL and CMYK?
In RGB, #ccbb00 is rgb(204, 187, 0), in HSL hsl(55, 100%, 40%) and in CMYK 0%, 8%, 100%, 20%.
Where should I use #ccbb00 in my design?
Because #ccbb00 is visually intense, it is most effective as a strategic accent color for call-to-action buttons, warning alerts, or graphical flourishes. Avoid using it as a primary background color to prevent eye strain and maintain user focus on key information.
What colors pair well with #ccbb00?
Is #ccbb00 readable on white or black?
#ccbb00 has a 1.96:1 contrast ratio on white and 10.67: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.