#CC6454 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and earthy, #cc6454 feels like a grounded terracotta. This warm shade lacks the aggression of a pure red, making it useful for rustic branding or secondary UI elements where you need approachable energy. Use it as an accent rather than a full background, as it pairs effectively with deep charcoal grays. The hex code is #cc6454, and it offers enough contrast to support small, black body text.
Questions about #cc6454
What is #cc6454 in RGB, HSL and CMYK?
In RGB, #cc6454 is rgb(204, 100, 84), in HSL hsl(8, 54%, 56%) and in CMYK 0%, 51%, 59%, 20%.
What colors pair well with #cc6454?
#cc6454 works best when grounded by deep neutrals like charcoal or slate gray, which balance its inherent warmth. For a softer look, pair it with cream or off-white tones to keep the palette bright and readable.
Is #cc6454 suitable for text and user interface design?
#cc6454 has enough contrast for large, bold text but may struggle with small, thin body font sizes on white backgrounds. Use it primarily for accents, buttons, or border elements to maintain accessibility standards without sacrificing your visual style.
Is #cc6454 readable on white or black?
#cc6454 has a 3.80:1 contrast ratio on white and 5.51: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.