#CCBF31 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mustard-leaning yellow carries a high-energy, acidic quality. Because #ccbf31 creates significant contrast with black, it works best as a punchy accent color for UI buttons or sale banners rather than a full background. The hex code #ccbf31 pairs surprisingly well with deep charcoal or muted navy, grounding its brightness while keeping the design feeling fresh and enthusiastic.
Questions about #ccbf31
What is #ccbf31 in RGB, HSL and CMYK?
In RGB, #ccbf31 is rgb(204, 191, 49), in HSL hsl(55, 61%, 50%) and in CMYK 0%, 6%, 76%, 20%.
Where should I use #ccbf31 in a design layout?
#ccbf31 works best as a punchy accent rather than a primary background because of its acidic, high-energy nature. Use it for call-to-action buttons, sale banners, or icon highlights where you need to immediately grab user attention against neutral interfaces.
Which neutral colors pair well with #ccbf31?
Is #ccbf31 readable on white or black?
#ccbf31 has a 1.89:1 contrast ratio on white and 11.06: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.