#CA3106 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, fiery orange-red demands immediate attention. #ca3106 acts best as an intense accent color rather than a dominant background, as its high energy can easily overwhelm a layout. It pairs effectively with cool, muted teals to balance its warmth. Because white text meets accessibility standards on this hex code, you can use it confidently for actionable buttons or high-contrast alerts in UI design.
Questions about #ca3106
What is #ca3106 in RGB, HSL and CMYK?
In RGB, #ca3106 is rgb(202, 49, 6), in HSL hsl(13, 94%, 41%) and in CMYK 0%, 76%, 97%, 21%.
What colors pair well with #ca3106?
Pair #ca3106 with cool, muted teal or slate tones to balance its intense warmth. Because this color is so vibrant, it functions best as a focused accent against neutral, desaturated backgrounds rather than competing with other saturated hues.
Is #ca3106 a good choice for text?
Use #ca3106 sparingly for large UI elements, as its high saturation can overwhelm smaller text. While white text meets accessibility standards on this background, its intensity is best suited for actionable buttons or high-contrast alerts rather than long-form paragraph content.
Is #ca3106 readable on white or black?
#ca3106 has a 5.31:1 contrast ratio on white and 3.95:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.