Maroon Colors  ·  Color Library

Palettes / Colors / #CC625C

#CC625C — Muted Red

#CC625C is a red color we call Muted Red, closest to the named color IndianRed (#CD5C5C). It belongs to the red family.

#CC625C is a warm red color associated with energy, passion and urgency. It sits comfortably in the middle: usable for large areas in soft schemes, or as a supporting color beside something stronger.

Its strongest partner is its complement #5CC6CC; it also sits naturally between #CC5C8E and #CC995C. In the palettes below you can see it working alongside real color combinations from our collection.

#CC625C · RGB 204, 98, 92

Download PNG swatch SVG

Color values

HEX#CC625C
RGB204, 98, 92
HSL3°, 52%, 58%
HSV3°, 55%, 80%
CMYK0%, 52%, 55%, 20%
XYZ31.20, 22.35, 12.79
Yxy22.35, 0.4703, 0.3368
CIE-Lab54.39, 41.50, 23.41
Hunter Lab47.27, 38.22, 15.03

RGB & CMYK percentages

Red 80% · Green 38% · Blue 36%

Cyan 0% · Magenta 52% · Yellow 55% · Key 20%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

Sample text in #CC625C on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #CC625C on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #CC625C

.text { color: #CC625C; }
.background { background-color: #CC625C; }
.border { border: 3px solid #CC625C; }
.text-rgb { color: rgb(204, 98, 92); }
.text-hsl { color: hsl(3, 52%, 58%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #CC625C; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(204, 98, 92, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #CC625C; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(204, 98, 92, 0.8); }

HTML: <p style="color:#CC625C">Text here</p> · <div style="background-color:#CC625C">Div content here</div>

Shades of #CC625C

#C54F49#B6403A#A33933#8C312C#782A26#652320#4E1B18#3A1412#230C0B#100505

Tints of #CC625C

#D0716C#D5807B#D98B87#DE9A96#E3A9A6#E8B8B5#EDC7C5#F0D2D0#F5E1E0#FAF0EF

Tones of #CC625C

#C46964#BC706C#B47774#AB7F7C#A48584#9B8D8C

Color harmonies

Complementary — #5CC6CC:

Analogous:

Triadic:

Contrast & accessibility

Against white text3.84:1 AA large only
Against black text5.47:1 AA

Best text color on #CC625C: #000000.

How #CC625C looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #9E9D5DDeuteranopia · #A4AC5ETritanopia · #C75F5F

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Tailwind red 500 · #EF4444Bootstrap danger · #DC3545Tailwind rose 500 · #F43F5E

Palettes with a similar color

These palettes use a close neighbour of #CC625C rather than the exact color:

Palette 214252
#214252 · #F05454 · #AF2D2D · #CE6262
Mellow Ruby Dusk
#237C80 · #53D0C5 · #D25F59 · #E2AEAF
Palette B82132
#B82132 · #D2665A · #F2B28C · #F6DED8
Dusty Terrace
#AB3FD0 · #A3298F · #D44F86 · #CE5B5A
Palette B9375d
#B9375D · #D25D5D · #E7D3D3 · #EEEEEE
Dusty Harbor
#8B2A31 · #D06463 · #37B5AC · #D1EDE6

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#CE6262#D25F59#D2665A#CE5B5A#D25D5D#D06463#CF6663#CE5959#CB5C64#C35B5C#D55E54#C46C5B

Browse neighbouring colors

← #CC625B  ·  #CC625D →

Frequently asked questions

What color is #CC625C?

#CC625C is Muted Red, a red color (RGB 204, 98, 92). Its closest standard named color is IndianRed.

What is the RGB and HSL of #CC625C?

#CC625C is RGB 204, 98, 92 — HSL 3°, 52%, 58% — CMYK 0%, 52%, 55%, 20%.

What colors go with #CC625C?

Its complement is #5CC6CC; analogous partners are #CC5C8E and #CC995C. It also appears in 6+ palettes in our collection.

Can I use #CC625C for text?

Black text on #CC625C has a contrast ratio of 5.47:1 (passes WCAG AA); white text gives 3.84:1.