#CA7875 Hex Color

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

Hex color #ca7875 graphic
This muted terracotta shade carries a dusty, unsaturated quality that feels approachable rather than aggressive. Because it lacks high intensity, #ca7875 serves as an excellent supporting tone or secondary brand color. Pair it with deep charcoal or slate gray to anchor its warmth. Since black text provides a high contrast ratio against this hue, it works reliably for readable UI labels and fine details.

Questions about #ca7875

What is #ca7875 in RGB, HSL and CMYK?
In RGB, #ca7875 is rgb(202, 120, 117), in HSL hsl(2, 45%, 63%) and in CMYK 0%, 41%, 42%, 21%.
What is the best way to use #ca7875 in a UI design?
Because #ca7875 lacks high intensity, it works best as a secondary or supporting color rather than a primary action button. Pair it with charcoal or dark slate backgrounds to anchor its warmth and ensure high readability for your labels.
Does #ca7875 work well with text?
Yes, this hue maintains high contrast ratios when paired with black or very dark text, making it a reliable choice for UI labels and fine details. Its unsaturated nature prevents it from feeling aggressive, even when used on white backgrounds.
Is #ca7875 readable on white or black?
#ca7875 has a 3.25:1 contrast ratio on white and 6.45: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.