Red Cent

#ad654c

Dusty copper rust, lighter than Mars

Save
Share

About Red Cent

You see Red Cent the moment it hits a screen next to or . It feels like a coppery penny under warm light: more reddish and more metallic-leaning than , and it never slips into the cocoa-brown depth of . Compared to , it stays a touch lighter and less saturated, so it shows up with presence without that anchored, brick-red commitment.

I use Red Cent when the UI needs a decisive accent but you don't want it to read heavy or roasted. It's great for editorial product callouts and commerce features, and it holds up in ecommerce and fashion app sections where buttons and emphasis states need to look intentional, not friendly. I also like it for small charts and badges in dashboards and finance apps when the orange should feel warm and current, not dusty.

Quick caution: on very cool grays it can look slightly sharper and more red. If that happens, pair it with oat, cream, or warm sand so the undertone stays pleasant.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
4.43:1FailAA Large

On Gray 100 #f5f5f5

Aa
4.06:1FailAA Large

On Gray 900 #18181b

Aa
4.00:1FailAA Large

On Black #000000

Aa
4.74:1AAAAA Large

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#b2654e
#ad6242
#a5694f
#b66a50
#a36b4b

Create a gradient with Red Cent

Open the generator with this color pre-loaded.

Start creating