A medium red, black text passes AA
What color is indianred?
indianred is a medium red: #cd5c5c in hex, rgb(205 92 92). Black text on it reaches 5.28:1, passing WCAG AA. Recolor (recolor.page) shows it on a real page below.
Last updated
| Format | Value |
|---|---|
| Keyword | indianred |
| Hex | #cd5c5c |
| RGB | rgb(205 92 92) |
| HSL | hsl(0 53% 58%) |
| OKLCH | oklch(61.5% 0.144 22.2) |
| Nearest Tailwind color | amber-700 #bb4d00, 0.085 away in OKLab |
| White text | 3.98:1: AA fails, AAA fails, large text passes |
| Black text | 5.28:1: AA passes, AAA fails, large text passes |
About indianred
A medium red is the plain description of indianred: OKLCH lightness 61.5%, chroma 0.144, hue 22.2 degrees. CSS Color 4 notes that the name was originally taken from a red pigment from India, and counts it among names that have been found offensive.
HSL and OKLCH agree on how light it is, 58% and 61.5%. The nearest CSS named color, chocolate (#d2691e), is 0.076 away in OKLab: related, but plainly a different color.
Black text on indianred reaches 5.28:1, enough for WCAG AA body text but short of AAA's 7:1; white text gets 3.98:1. In the hue-sorted table of named colors it sits between red and crimson.
In Tailwind CSS 4.3.3 the nearest default color is amber-700 (#bb4d00), 0.085 away in OKLab; for the exact color, an arbitrary value such as bg-[#cd5c5c] works.
Tints and shades
- #fae4e3
- #f3c9c7
- #ebaeab
- #e29490
- #d87876
- #cd5c5c
- #a04646
- #763232
- #4e1f1f
- #290d0d
- #090202
From light to dark: 5 toward white and 5 toward black, mixed in OKLCH a sixth of the way at a time with the hue kept. A step that would repeat its neighbor is left out.
A palette around it
- #cd5c5c
- #341917
- #98d1bd
- #40665a
- #d6e8f2
Recolor's generator, with indianred locked as swatch 1 and the seed taken from its hex, drew a split-complementary palette, built on the two hues beside its opposite: #341917, #98d1bd, #40665a, #d6e8f2. Open it in Recolor.
Using indianred
As a text color, indianred on a black page gives the same 5.28:1.
.notice {
background-color: indianred; /* #cd5c5c */
color: black; /* 5.28:1 */
}Common questions
Does white text pass WCAG AA on indianred?
No. White text measures 3.98:1 on indianred, under AA's 4.5:1; black text measures 5.28:1 and passes.
Can indianred be written in OKLCH?
Yes: oklch(61.5% 0.144 22.2), computed from #cd5c5c. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to indianred?
No. The nearest, chocolate (#d2691e), is 0.076 away in OKLab, a different color.