Maroon Colors  ·  Color Library

Palettes / Colors / #CD475B

#CD475B — Red

#CD475B is a red color we call 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 #CD475B 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.

#CD475B 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 #47CDB9; it also sits naturally between #CD479E and #CD7647. In the palettes below you can see it working alongside real color combinations from our collection.

#CD475B · RGB 205, 71, 91

Download PNG swatch SVG

Color values

HEX#CD475B
RGB205, 71, 91
HSL351°, 57%, 54%
HSV351°, 65%, 80%
CMYK0%, 65%, 56%, 20%
XYZ29.32, 18.24, 11.87
Yxy18.24, 0.4933, 0.3069
CIE-Lab49.79, 54.27, 17.88
Hunter Lab42.71, 50.87, 11.52

RGB & CMYK percentages

Red 80% · Green 28% · Blue 36%

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

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

Previews

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

CSS code for #CD475B

.text { color: #CD475B; }
.background { background-color: #CD475B; }
.border { border: 3px solid #CD475B; }
.text-rgb { color: rgb(205, 71, 91); }
.text-hsl { color: hsl(351, 57%, 54%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #CD475B; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(205, 71, 91, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #CD475B; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(205, 71, 91, 0.8); }

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

Shades of #CD475B

#C4364B#B03043#9C2B3C#882534#74202C#601A25#4C151D#380F15#240A0E#100406

Tints of #CD475B

#D15769#D56777#DB7B89#DF8B98#E49BA6#E8ABB4#ECBBC2#F2CFD4#F6DFE2#FBEFF1

Tones of #CD475B

#C35061#BA5A68#B0636F#A66E76#9C777D#938083

Color harmonies

Complementary — #47CDB9:

Analogous:

Triadic:

Contrast & accessibility

Against white text4.52:1 AA
Against black text4.65:1 AA

Best text color on #CD475B: #000000.

Semi-transparent (opacity) text on #CD475B

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 #CD475B: ·

How #CD475B looks with color blindness

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

Protanopia · #939256Deuteranopia · #9BA555Tritanopia · #C65252

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:

Bootstrap danger · #DC3545Tailwind rose 500 · #F43F5ETailwind red 500 · #EF4444

Palettes with a similar color

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

Palette Cf455c
#CF455C · #FFDD67 · #FF8A5C · #444444
Hidden Ruby Opal
#733A8D · #AD48A9 · #68244D · #C84364
Tender Ruby Breeze
#D54253 · #C2742D · #A0A838 · #93D471
Ruby Mosaic
#800020 · #F3E6D5 · #FFF9F2 · #D45060
Misty Ruby Aurora
#C85A9B · #C34255 · #B2512A · #C39F41
Frozen Ruby Opal
#8B2D1D · #D94B59 · #2FBCD4 · #B3E9E7

Similar colors

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

#CF455C#C84364#D54253#D45060#C34255#D94B59#D9455F#CD5555#D25353#CC3A63#D34E4E#D83C57

Browse neighbouring colors

← #CD475A  ·  #CD475C →

Frequently asked questions

What color is #CD475B?

#CD475B is Red, a red color (RGB 205, 71, 91). Its closest standard named color is IndianRed.

What is the RGB and HSL of #CD475B?

#CD475B is RGB 205, 71, 91 — HSL 351°, 57%, 54% — CMYK 0%, 65%, 56%, 20%.

What colors go with #CD475B?

Its complement is #47CDB9; analogous partners are #CD479E and #CD7647. It also appears in 6+ palettes in our collection.

Can I use #CD475B for text?

Black text on #CD475B has a contrast ratio of 4.65:1 (passes WCAG AA); white text gives 4.52:1.