#CA3643 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-energy red demands attention with its intense and bold character. Because it is so loud, #ca3643 works best as a 10% accent color for calls to action or UI highlights rather than a large background. It pairs effectively with cool charcoal grays to ground its warmth. The hex code for this vivid red is #ca3643, which offers enough contrast for white text.
Questions about #ca3643
What is #ca3643 in RGB, HSL and CMYK?
In RGB, #ca3643 is rgb(202, 54, 67), in HSL hsl(355, 58%, 50%) and in CMYK 0%, 73%, 67%, 21%. Browse more shades of red with names and hex codes.
Where should I use the #ca3643 red in a digital interface?
Reserve #ca3643 for small, high-impact UI elements like call-to-action buttons, notification badges, or error states because its high saturation quickly overpowers more neutral tones when applied across large backgrounds or layout areas.
What colors pair well with #ca3643 for a balanced palette?
Pair #ca3643 with deep, cool charcoal or soft off-white neutrals to ground the intensity of the red. Using cooler, desaturated tones prevents the visual fatigue that often occurs when vibrant reds sit against similarly warm or bright colors.
Is #ca3643 readable on white or black?
#ca3643 has a 5.09:1 contrast ratio on white and 4.12: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.