CSS Color: IndianRed
Named CSS color IndianRed — #CD5C5C in HEX, rgb(205, 92, 92) in RGB, hsl(0, 53%, 58%) in HSL.
Color Values
| Format | Value | CSS Usage |
|---|---|---|
| Named | IndianRed | color: IndianRed; |
| HEX | #CD5C5C | color: #CD5C5C; |
| RGB | rgb(205, 92, 92) | color: rgb(205, 92, 92); |
| HSL | hsl(0, 53%, 58%) | color: hsl(0, 53%, 58%); |
About IndianRed
IndianRed is a muted, earthy red that is softer and less intense than pure Red or Crimson. Its hex value `#CD5C5C` places it at exactly 0 degrees hue with moderate saturation (53%) and 58% lightness, giving it a dusty, desaturated appearance.
The name refers to the red pigment known as Indian red, historically derived from iron oxide found in India. In web design, IndianRed works well as a less aggressive alternative to bright reds for error states, warning backgrounds, and muted accent elements.
With a contrast ratio of about 3.5:1 against white, IndianRed passes WCAG AA for large text but not for normal text on light backgrounds. On dark backgrounds it performs better, achieving approximately 5.2:1 against pure black.
IndianRed pairs naturally with warm neutrals, tan, and beige tones. It is an excellent choice for earthy, rustic design palettes commonly found in outdoor brands, artisan marketplaces, and heritage-themed websites. In Tailwind CSS, `red-400` or `rose-500` offer close approximations.
FAQ
What is the hex code for IndianRed?
The CSS named color IndianRed has the hex code #CD5C5C. You can use it in CSS as color: #CD5C5C; or simply color: IndianRed;.
What is IndianRed in RGB?
In RGB notation, IndianRed is rgb(205, 92, 92). Use it in CSS as color: rgb(205, 92, 92);.
What is IndianRed in HSL?
In HSL notation, IndianRed is hsl(0, 53%, 58%). Use it in CSS as color: hsl(0, 53%, 58%);.
What color category is IndianRed?
IndianRed belongs to the Red color family in the CSS named colors specification.
Can I use the name "IndianRed" directly in CSS?
Yes. All modern browsers support CSS named colors. You can write color: IndianRed; or background-color: IndianRed; directly in your stylesheet. Named colors are case-insensitive.
Try in Color Converter
Convert IndianRed to other formats, check contrast ratios, explore palettes, and find the closest Tailwind CSS class.
Open Color Converter →