CSS named color
IndianRed #CD5C5C
IndianRed is a red with the hex code #CD5C5C, which converts to rgb(205, 92, 92). Open #CD5C5C in the converter to tweak it.
IndianRed color values
| HEX | #CD5C5C |
|---|---|
| HEX (shorthand) | — |
| RGB | rgb(205, 92, 92) |
| RGBA | rgba(205, 92, 92, 1) |
| 8-digit HEX | #CD5C5CFF |
| HSL | hsl(0, 53%, 58%) |
| HSV / HSB | 0°, 55%, 80% |
| CMYK | 0%, 55%, 55%, 20% |
| RGB 0–1 | 0.804, 0.361, 0.361 |
| Decimal | 13458524 |
| CSS keyword | indianred |
How #CD5C5C converts to RGB
Split the hex code into three pairs and read each pair as a base-16 number: CD → 205, 5C → 92, 5C → 92. That gives rgb(205, 92, 92). The step-by-step guide explains the math.
Shades of IndianRed
Mixed toward black in 10% steps. Click a swatch to copy its hex.
Tints of IndianRed
Mixed toward white in 10% steps.
Color harmonies
Hue rotations of IndianRed on the HSL color wheel, keeping saturation and lightness fixed. The color harmony guide explains when each scheme works.
Complementary
Analogous
Split-complementary
Triadic
Tetradic (square)
Contrast and accessibility
| Text | Background | Ratio | WCAG 2.x |
|---|---|---|---|
| White | IndianRed | 3.97:1 | AA Large only |
| Black | IndianRed | 5.28:1 | AA |
Use black text on a indianred background. Test any other pair in the contrast checker; thresholds are explained in the WCAG contrast guide.
Use IndianRed in CSS
.element {
color: indianred; /* keyword */
background-color: #CD5C5C; /* hex */
border-color: rgb(205 92 92 / 50%); /* 50% transparent */
}Need it semi-transparent? Append an alpha byte: #CD5C5C80 is IndianRed at 50% opacity. See RGBA & transparency.
Similar named colors
FAQ
What is the HEX code for IndianRed?
The CSS named color indianred is #CD5C5C in hexadecimal. In CSS you can write color: indianred; or color: #CD5C5C; — both produce the same pixel.
What is IndianRed in RGB?
IndianRed is rgb(205, 92, 92): red 205, green 92, blue 92 on the 0–255 scale. As normalized 0–1 floats that is (0.804, 0.361, 0.361).
Is white or black text more readable on IndianRed?
Black text is more readable. White on #CD5C5C has a contrast ratio of 3.97:1 (AA Large only), black on #CD5C5C has 5.28:1 (AA). WCAG AA needs 4.5:1 for normal text.