#CC9704 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold, saturated yellow brings instant energy to designs without feeling aggressive. It serves best as a strategic accent rather than a primary background color. The hex code is #cc9704, which maintains excellent contrast with black text for accessible, high-visibility UI components. Try pairing this warm tone with deep navy or charcoal to ground its intensity and keep your typography legible.
Questions about #cc9704
What is #cc9704 in RGB, HSL and CMYK?
In RGB, #cc9704 is rgb(204, 151, 4), in HSL hsl(44, 96%, 41%) and in CMYK 0%, 26%, 98%, 20%.
How can I use #cc9704 effectively in a UI design?
#cc9704 functions best as a high-visibility accent color rather than a primary background shade. It maintains excellent readability against black or very dark charcoal surfaces, making it an ideal choice for call-to-action buttons or critical notification badges.
Which color combinations work well with #cc9704?
This warm yellow pairs beautifully with deep, muted tones like navy or slate grey, which help ground its intense energy. To achieve a more sophisticated palette, try blending it with earthy terracotta or deep browns to create a balanced, nature-inspired aesthetic.
Is #cc9704 readable on white or black?
#cc9704 has a 2.62:1 contrast ratio on white and 7.99: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.