In the RGB color space, #CD5C5C is composed of 80.3922% red, 36.0784% green, and 36.0784% blue.
In the CMYK color space, #CD5C5C is composed of 0% cyan, 55.12% magenta, 55.12% yellow, and 19.61% black,
It has a hue angle of 0 degrees, a saturation of 53.05%, and a lightness of 58.23%.
The closest websafe color is #CC6666.
#CD5C5C has a CSS color name: IndianRed .
The hexadecimal color #CD5C5C has RGB values of R:205, G:92, B:92 and CMYK values of C:0, M:55.12, Y:55.12, K:19.61. It has a decimal value of 13458524.
Hexadecimal | #CD5C5C | #CD5C5C |
RGB Decimal | 205, 92, 92 | rgb(205, 92, 92) |
RGB Percent | 80.3922, 36.0784, 36.0784 | rgb(80.3922%, 36.0784%, 36.0784%) |
RGB Proportion | 0.8039, 0.3608, 0.3608 | rgb(0.8039, 0.3608, 0.3608) |
CMYK | 0, 55.12, 55.12, 19.61 | |
HSL | 0ยบ, 53.05, 58.23 | hsl(0, 53.05%, 58.23%) |
Websafe | CC6666 | #CC6666 |
XYZ | 30.935, 21.406, 12.627 | |
Yxy | 21.406, 0.476, 0.329 | |
CIE-LAB | 53.391, 44.834, 22.109 | |
CIE-LCH | 53.391, 49.989, 26.249 | |
CIE-LUV | 53.391, 82.956, 17.885 | |
Hunter-Lab | 46.267, 38.383, 16.205 |
Colors that go well with IndianRed / #CD5C5C.
Common HTML and CSS shortcodes for IndianRed / #CD5C5C.
<div style="color: #CD5C5C;">The quick brown fox jumps over the lazy dog.</div>
<div style="background-color: #CD5C5C;">The quick brown fox jumps over the lazy dog.</div>
<div style="border: 1px solid #CD5C5C;">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #CD5C5C to transparent.
<div style="background: linear-gradient(#CD5C5C, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #CD5C5C to transparent.
<div style="background: radial-gradient(#CD5C5C, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #CD5C5C to #32A3A3.
<div style="background: linear-gradient(#CD5C5C, #32A3A3);">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #CD5C5C to #32A3A3.
<div style="background: radial-gradient(#CD5C5C, #32A3A3);">The quick brown fox jumps over the lazy dog.</div>
Handy CSS code and shortcuts.
.text { color: #CD5C5C; }
.background { background-color: #CD5C5C; }
.border { border: 1px solid #CD5C5C; }
.linear-gradient { background: linear-gradient(#faf310, rgba(255, 255, 255, 0)); }
.radial-gradient { background: radial-gradient(#faf310, rgba(255, 255, 255, 0)); }
Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #040202 while the lightest tint is #FEFCFC.