#CC9433 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #cc9433 graphic
This mellow, muted gold carries a distinct warmth without being overly saturated. It functions well as a supporting background, particularly when paired with deep charcoal or navy to create a grounded, high-contrast look. Because black text remains highly legible against this tone, it works effectively for UI elements and branding. The hex code for this shade is #cc9433.

Questions about #cc9433

What is #cc9433 in RGB, HSL and CMYK?
In RGB, #cc9433 is rgb(204, 148, 51), in HSL hsl(38, 60%, 50%) and in CMYK 0%, 27%, 75%, 20%. Browse more shades of orange with names and hex codes.
What colors pair best with #cc9433 for balanced designs?
#cc9433 works exceptionally well when grounded by dark, neutral tones like charcoal or navy. These high-contrast pairings allow the gold to provide warmth without overwhelming the interface, ensuring that UI elements remain both elegant and highly functional.
Is #cc9433 readable on white or black?
#cc9433 has a 2.67:1 contrast ratio on white and 7.85: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.