CSS named color
IndianRed
#CD5C5C
HEX
#cd5c5cRGB
rgb(205, 92, 92)HSL
hsl(0, 53%, 58%)OKLCH
oklch(61.54% 0.1442 22.23)NAME
indianredPalette
Complementary
180° on the color wheelComplement
#5BCDCD
Analogous
±30° around the base hueLeft
#CD5B94
Right
#CD945B
Triadic
±120° for harmonic contrastTriad 1
#5BCD5B
Triad 2
#5B5BCD
Shades
Lighter and darker variantsCSS usage
By name
color: indianred;
background-color: indianred;By HEX
color: #cd5c5c;
background-color: #cd5c5c;By RGB
color: rgb(205, 92, 92);
background-color: rgb(205, 92, 92);By HSL
color: hsl(0, 53%, 58%);
background-color: hsl(0, 53%, 58%);WCAG contrast vs white
Aa
3.98:1
AA (large text)
WCAG contrast vs black
Aa
5.28:1
AA
Related colors
FAQ — IndianRed
What is the HEX code for IndianRed?
The HEX code for IndianRed is #CD5C5C. It's one of the 148 named CSS colors and can be used directly in CSS as color: indianred; or color: #cd5c5c;
What is IndianRed in RGB?
IndianRed in RGB is rgb(205, 92, 92) — red 205, green 92, blue 92.
What is IndianRed in HSL?
IndianRed in HSL is hsl(0, 53%, 58%) — hue 0°, saturation 53%, lightness 58%.
What is the complementary color of IndianRed?
The complementary color (directly opposite IndianRed on the color wheel) is #5BCDCD. The two together produce maximum contrast.
Is white text readable on IndianRed?
The WCAG contrast ratio against white (#FFFFFF) is 3.98:1, and against black (#000000) it's 5.28:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.