Maroon Colors  ·  Color Library

Palettes / Colors / #CB615A

#CB615A — Muted Red

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

Color name

Closest CSS keyword: indianred (#CD5C5C) — not an exact match. CSS indianred gives you #CD5C5C, a different color; use #CB615A when you need this exact shade.

Sources: common names follow widely used color-name references; CSS keywords and their hex values follow the CSS Color specification.

#CB615A 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 #58C3CA; it also sits naturally between #CA588A and #CA9958. In the palettes below you can see it working alongside real color combinations from our collection.

#CB615A · RGB 203, 97, 90

Download PNG swatch SVG

Color values

HEX#CB615A
RGB203, 97, 90
HSL4°, 52%, 57%
HSV4°, 56%, 80%
CMYK0%, 52%, 56%, 20%
XYZ30.75, 21.98, 12.30
Yxy21.98, 0.4729, 0.3381
CIE-Lab54.01, 41.47, 24.04
Hunter Lab46.89, 38.11, 15.29

RGB & CMYK percentages

Red 80% · Green 38% · Blue 35%

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

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

Previews

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

CSS code for #CB615A

.text { color: #CB615A; }
.background { background-color: #CB615A; }
.border { border: 3px solid #CB615A; }
.text-rgb { color: rgb(203, 97, 90); }
.text-hsl { color: hsl(4, 52%, 57%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #CB615A; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(203, 97, 90, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #CB615A; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(203, 97, 90, 0.8); }

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

Shades of #CB615A

#C44D45#B24038#9F3932#8C322C#782B26#61231F#4E1C18#3A1512#230D0B#100605

Tints of #CB615A

#CF6F68#D47E77#D98C87#DE9B96#E3AAA6#E7B5B1#EBC4C1#F0D3D0#F5E1E0#FAF0EF

Tones of #CB615A

#C36760#BA6E69#B27570#A97C79#A28381#998B8A

Color harmonies

Complementary — #58C3CA:

Analogous:

Triadic:

Contrast & accessibility

Against white text3.89:1 AA large only
Against black text5.40:1 AA

Best text color on #CB615A: #000000.

Semi-transparent (opacity) text on #CB615A

Text set with opacity blends into the background, so its real contrast is lower than the solid ratios above. Choose a text color and an opacity to see the blended color and its true ratio:

100%
Sample heading text
Smaller body text shows the effect best.

Blended color: · Contrast against #CB615A: ·

How #CB615A looks with color blindness

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

Protanopia · #9D9C5CDeuteranopia · #A3AB5CTritanopia · #C65D5D

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 #CB615A rather than the exact color:

Dusty Terrace
#AB3FD0 · #A3298F · #D44F86 · #CE5B5A
Mellow Ruby Dusk
#237C80 · #53D0C5 · #D25F59 · #E2AEAF
Palette B9375d
#B9375D · #D25D5D · #E7D3D3 · #EEEEEE
Palette 89375f
#89375F · #CE5959 · #BACDDB · #F3E8FF
Palette 214252
#214252 · #F05454 · #AF2D2D · #CE6262
Palette B82132
#B82132 · #D2665A · #F2B28C · #F6DED8

Similar colors

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

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

Browse neighbouring colors

← #CB6159  ·  #CB615B →

Frequently asked questions

What color is #CB615A?

#CB615A is Muted Red, a red color (RGB 203, 97, 90). Its closest standard named color is IndianRed.

What is the RGB and HSL of #CB615A?

#CB615A is RGB 203, 97, 90 — HSL 4°, 52%, 57% — CMYK 0%, 52%, 56%, 20%.

What colors go with #CB615A?

Its complement is #58C3CA; analogous partners are #CA588A and #CA9958. It also appears in 6+ palettes in our collection.

Can I use #CB615A for text?

Black text on #CB615A has a contrast ratio of 5.40:1 (passes WCAG AA); white text gives 3.89:1.