Indianred

indianred is a CSS color keyword. The closest Tailwind step is red-400 (#f87171).

#cd5c5crgb(205, 92, 92)

Hex: #cd5c5c
RGB: 205, 92, 92
HSL: 0°, 53%, 58%
OKLCH: 61.5% 0.144 22.2
LAB: 53.4 44.8 22.1

Open #cd5c5c in the explorer

Text contrast

Black or white text on #cd5c5c. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.

Black text5.3:1 AAAPCA Lc 40

White text4.0:1 FailAPCA Lc -69

Color vision

How #cd5c5c looks in simulations of color blindness, at full severity.

Full color
#cd5c5c

Protanopia
#77715b

Deuteranopia
#93885a

Tritanopia
#df495d

Tonal scale

An OKLCH ramp that keeps this hue. The marked step is the closest lightness to indianred.

50 100200300400500600700800900950

Copy into CSS

color: indianred;
background: #cd5c5c;

@theme {
  --color-indianred-50: #fff2f1;
  --color-indianred-100: #ffdfdd;
  --color-indianred-200: #ffbebb;
  --color-indianred-300: #ff8f8c;
  --color-indianred-400: #e3706f;
  --color-indianred-500: #c15152;
  --color-indianred-600: #a23539;
  --color-indianred-700: #871a23;
  --color-indianred-800: #6a0012;
  --color-indianred-900: #470008;
  --color-indianred-950: #230002;
}