#CCB50A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This warm, saturated mustard yellow feels energetic and spontaneous. Its high chroma makes it an excellent choice for sale banners or urgent call to action buttons where you need immediate attention. Because it pairs well with deep charcoal or navy, use #ccb50a as a 10 percent accent rather than a dominant background. Black text remains readable against this hex code, ensuring your message stays clear.
Questions about #ccb50a
What is #ccb50a in RGB, HSL and CMYK?
In RGB, #ccb50a is rgb(204, 181, 10), in HSL hsl(53, 91%, 42%) and in CMYK 0%, 11%, 95%, 20%.
How should I use #ccb50a in a UI design project?
Use #ccb50a as a focused accent color rather than a primary background to maintain visual comfort. It works effectively for call-to-action buttons or small interface elements when paired with high-contrast text like charcoal or deep neutral grays.
What colors pair well with #ccb50a?
This mustard yellow creates a sophisticated and grounded palette when combined with dark, cool tones like navy or charcoal. These dark neutrals balance the high energy of the yellow while ensuring your design remains legible and professional.
Is #ccb50a readable on white or black?
#ccb50a has a 2.06:1 contrast ratio on white and 10.18: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.