#CA521C Hex Color
Vibrant and intense saturated orange energy
#ca521c is a high-energy, saturated orange with enough intensity to command attention immediately. Because of its weight, it works best as a punchy accent color rather than a primary background. Pair it with deep charcoal or navy to ground its brilliance. This hex code provides sufficient contrast for black text, making it a reliable choice for buttons and critical UI highlights.
Questions about #ca521c
What is #ca521c in RGB, HSL and CMYK?
In RGB, #ca521c is rgb(202, 82, 28), in HSL hsl(19, 76%, 45%) and in CMYK 0%, 59%, 86%, 21%.
How do I use #ca521c effectively in UI design?
#ca521c functions best as a high-visibility accent color rather than a primary background shade. It naturally draws the eye, making it a reliable choice for call-to-action buttons or critical alerts that require immediate user focus and interaction.
What colors pair well with #ca521c?
Is #ca521c readable on white or black?
#ca521c has a 4.43:1 contrast ratio on white and 4.73:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.