#CCA223 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, golden mustard functions best as a high-impact accent color rather than a dominant background. Because it pairs well with deep charcoals or dark teals, it adds warmth without feeling overwhelming. The hex code #cca223 provides strong contrast against black text, making it a functional choice for buttons or call-to-action elements where legibility remains a priority.
Questions about #cca223
What is #cca223 in RGB, HSL and CMYK?
In RGB, #cca223 is rgb(204, 162, 35), in HSL hsl(45, 71%, 47%) and in CMYK 0%, 21%, 83%, 20%.
Where should I use #cca223 in a web interface?
This golden mustard works best as an accent color for functional elements like primary call-to-action buttons or notification badges. Because it carries significant visual weight, avoid using it as a large background fill, where it can quickly become overwhelming for users.
What colors create a balanced scheme with #cca223?
Is #cca223 readable on white or black?
#cca223 has a 2.39:1 contrast ratio on white and 8.75: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.