#ff5c5c Color Information
In a RGB color space, hex #ff5c5c is composed of 100% red, 36.1% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.9% magenta, 63.9% yellow and 0% black. It has a hue angle of 0 degrees, a saturation of 100% and a lightness of 68%. #ff5c5c color hex could be obtained by blending #ffb8b8 with #ff0000. Closest websafe color is: #ff6666.
-
- R 100
- G 36
- B 36
-
- C 0
- M 64
- Y 64
- K 0
● #ff5c5c color description : Light red.
#ff5c5c Color Conversion
The hexadecimal color #ff5c5c has RGB values of R:255, G:92, B:92 and CMYK values of C:0, M:0.64, Y:0.64, K:0. Its decimal value is 16735324.
| Hex triplet | ff5c5c | #ff5c5c |
|---|---|---|
| RGB Decimal | 255, 92, 92 | rgb(255,92,92) |
| RGB Percent | 100, 36.1, 36.1 | rgb(100%,36.1%,36.1%) |
| CMYK | 0, 64, 64, 0 | |
| HSL | 0°, 100, 68 | hsl(0,100%,68%) |
| HSV (or HSB) | 0°, 63.9, 100 | |
| Web Safe | ff6666 | #ff6666 |
| CIE-LAB | 61.388, 61.823, 33.992 |
|---|---|
| XYZ | 47.001, 29.692, 13.381 |
| xyY | 0.522, 0.33, 29.692 |
| CIE-LCH | 61.388, 70.551, 28.804 |
| CIE-LUV | 61.388, 123.857, 26.717 |
| Hunter-Lab | 54.49, 58.607, 23.584 |
| Binary | 11111111, 01011100, 01011100 |
Color Schemes with #ff5c5c
Alternatives to #ff5c5c
Below, you can see some colors close to #ff5c5c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff5c5c Preview
This text has a font color of #ff5c5c.
<span style="color:#ff5c5c;">Text here</span>
This paragraph has a background color of #ff5c5c.
<p style="background-color:#ff5c5c;">Content here</p>
This element has a border color of #ff5c5c.
<div style="border:1px solid #ff5c5c;">Content here</div>
.text {color:#ff5c5c;}
.background {background-color:#ff5c5c;}
.border {border:1px solid #ff5c5c;}
Shades and Tints of #ff5c5c
A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #0e0000 is the darkest color, while #fff9f9 is the lightest one.
-
#0e0000
#0e0000rgb(14,0,0) -
#210000
#210000rgb(33,0,0) -
#350000
#350000rgb(53,0,0) -
#480000
#480000rgb(72,0,0) -
#5c0000
#5c0000rgb(92,0,0) -
#700000
#700000rgb(112,0,0) -
#830000
#830000rgb(131,0,0) -
#970000
#970000rgb(151,0,0) -
#aa0000
#aa0000rgb(170,0,0) -
#be0000
#be0000rgb(190,0,0) -
#d20000
#d20000rgb(210,0,0) -
#e50000
#e50000rgb(229,0,0) -
#f90000
#f90000rgb(249,0,0)
-
#ff0e0e
#ff0e0ergb(255,14,14) -
#ff2121
#ff2121rgb(255,33,33) -
#ff3535
#ff3535rgb(255,53,53) -
#ff4848
#ff4848rgb(255,72,72) -
#ff5c5c
#ff5c5crgb(255,92,92) -
#ff7070
#ff7070rgb(255,112,112) -
#ff8383
#ff8383rgb(255,131,131) -
#ff9797
#ff9797rgb(255,151,151) -
#ffaaaa
#ffaaaargb(255,170,170) -
#ffbebe
#ffbebergb(255,190,190) -
#ffd2d2
#ffd2d2rgb(255,210,210) -
#ffe5e5
#ffe5e5rgb(255,229,229) -
#fff9f9
#fff9f9rgb(255,249,249)
Tones of #ff5c5c
A tone is produced by adding gray to any pure hue. In this case, #b4a7a7 is the less saturated color, while #ff5c5c is the most saturated one.
-
#b4a7a7
#b4a7a7rgb(180,167,167) -
#baa1a1
#baa1a1rgb(186,161,161) -
#c09b9b
#c09b9brgb(192,155,155) -
#c79494
#c79494rgb(199,148,148) -
#cd8e8e
#cd8e8ergb(205,142,142) -
#d38888
#d38888rgb(211,136,136) -
#d98282
#d98282rgb(217,130,130) -
#e07b7b
#e07b7brgb(224,123,123) -
#e67575
#e67575rgb(230,117,117) -
#ec6f6f
#ec6f6frgb(236,111,111) -
#f26969
#f26969rgb(242,105,105) -
#f96262
#f96262rgb(249,98,98) -
#ff5c5c
#ff5c5crgb(255,92,92)
Color Blindness Simulator
Below, you can see how #ff5c5c is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.
