#CA5464 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #ca5464 graphic
This muted brick red strikes a balance between intensity and warmth. Because #ca5464 is fairly saturated, it works best as an accent color rather than a large background block. Use it to draw attention to buttons or specific UI elements where you need high visibility. For readability, pair this hex code with black text, as it offers the necessary contrast for small, legible body copy.

Questions about #ca5464

What is #ca5464 in RGB, HSL and CMYK?
In RGB, #ca5464 is rgb(202, 84, 100), in HSL hsl(352, 53%, 56%) and in CMYK 0%, 58%, 50%, 21%.
Where should I use #ca5464 in a design layout?
Because #ca5464 is a fairly saturated, warm tone, it functions best as an accent color to draw the user's eye. Use it for call-to-action buttons, important notification badges, or subtle border highlights rather than large, overwhelming background blocks.
What colors pair well with #ca5464?
This brick red works exceptionally well when paired with neutral, dark text like charcoal for maximum readability. For a balanced palette, consider using softer, desaturated greens or warm beige tones to ground the vibrancy of the red.
Is #ca5464 readable on white or black?
#ca5464 has a 4.23:1 contrast ratio on white and 4.96: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.