#CA6702 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold, saturated orange carries high intensity and warmth. With its striking presence, #ca6702 works best as a sharp accent rather than a background color, as it can overwhelm layouts quickly. Pair this hex code with deep charcoal or slate gray to ground its inherent energy. Because it maintains strong contrast, black text remains legible against this shade for effective calls to action.
Questions about #ca6702
What is #ca6702 in RGB, HSL and CMYK?
In RGB, #ca6702 is rgb(202, 103, 2), in HSL hsl(30, 98%, 40%) and in CMYK 0%, 49%, 99%, 21%.
How can I effectively pair #ca6702 in a user interface?
#ca6702 functions best as an accent rather than a base, as its high saturation can easily overwhelm a layout. Pair this orange with charcoal or deep slate gray to ground the energy while ensuring text remains readable.
Is #ca6702 readable on white or black?
#ca6702 has a 3.85:1 contrast ratio on white and 5.45: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.