#CA5544 Hex Color

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

Hex color #ca5544 graphic
This saturated terracotta shade demands attention with its warm, energetic presence. Because #ca5544 is quite intense, it functions best as an accent color for calls to action or seasonal highlights rather than a full background. Pair it with dark slate grays to balance its natural heat. Black text remains readable against this hex code, ensuring accessibility in typography or small interface details.

Questions about #ca5544

What is #ca5544 in RGB, HSL and CMYK?
In RGB, #ca5544 is rgb(202, 85, 68), in HSL hsl(8, 56%, 53%) and in CMYK 0%, 58%, 66%, 21%. Browse more shades of brown with names and hex codes.
What colors pair best with #ca5544 for balanced design?
Use deep slate or cool charcoal grays to effectively ground the intense heat of #ca5544. Pairing it with these neutral darks allows the terracotta to stand out without overwhelming the overall interface or layout.
Is #ca5544 a suitable choice for large areas of background text?
Avoid using #ca5544 for body text or large background blocks, as its high saturation can cause eye strain. It works most effectively as a tactical accent for calls to action, icons, or small decorative highlights.
Is #ca5544 readable on white or black?
#ca5544 has a 4.29:1 contrast ratio on white and 4.89: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.