#CA7C72 Hex Color

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

Hex color #ca7c72 graphic
#ca7c72 is a muted, warm terracotta that avoids the intensity of standard reds. Due to its desaturated quality, it functions best as a soft, approachable accent rather than a background. It pairs well with deep charcoal or slate. The hex code #ca7c72 offers a 6.6:1 contrast ratio with black text, ensuring excellent readability for UI design or subtle branding.

Questions about #ca7c72

What is #ca7c72 in RGB, HSL and CMYK?
In RGB, #ca7c72 is rgb(202, 124, 114), in HSL hsl(7, 45%, 62%) and in CMYK 0%, 39%, 44%, 21%.
How should I use #ca7c72 in a UI design project?
#ca7c72 functions best as a subtle accent rather than a primary background color because of its muted, desaturated character. Using it for buttons, icons, or text highlights creates a warm, approachable look without overwhelming the user interface with intensity.
Which colors pair best with #ca7c72?
This terracotta shade works harmoniously with neutral, darker colors like charcoal or slate to ground its warmth. You can also experiment with muted greens or creamy off-whites to create a soft, organic palette suitable for wellness or lifestyle branding.
Is #ca7c72 readable on white or black?
#ca7c72 has a 3.16:1 contrast ratio on white and 6.63: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.