#CA562C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold, saturated red-orange radiates intense warmth. Because it commands attention, #ca562c works best as a punchy accent rather than a dominant background color. Try pairing it with muted teals or cool grays to ground the energy. The hex code for this color is #ca562c, and it maintains sufficient contrast to keep black text legible against its surface.
Questions about #ca562c
What is #ca562c in RGB, HSL and CMYK?
In RGB, #ca562c is rgb(202, 86, 44), in HSL hsl(16, 64%, 48%) and in CMYK 0%, 57%, 78%, 21%.
What colors pair best with #ca562c?
This vibrant red-orange balances well against cool-toned neutrals, specifically charcoal or deep, muted teals. Because #ca562c is so saturated, using it against these cooler shades prevents the color from feeling overwhelming while maintaining its visual impact.
Is #ca562c a safe choice for text?
While #ca562c is bold, it maintains sufficient contrast to keep black text legible against its surface, making it effective for call-to-action buttons or highlighted elements. However, avoid using white text on this shade as it will likely fail accessibility standards for readability.
Is #ca562c readable on white or black?
#ca562c has a 4.30:1 contrast ratio on white and 4.87: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.