#fa5555 Color Information
In a RGB color space, hex #fa5555 is composed of 98% red, 33.3% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66% magenta, 66% yellow and 2% black. It has a hue angle of 0 degrees, a saturation of 94.3% and a lightness of 65.7%. #fa5555 color hex could be obtained by blending #ffaaaa with #f50000. Closest websafe color is: #ff6666.
-
- R 98
- G 33
- B 33
-
- C 0
- M 66
- Y 66
- K 2
● #fa5555 color description : Soft red.
#fa5555 Color Conversion
The hexadecimal color #fa5555 has RGB values of R:250, G:85, B:85 and CMYK values of C:0, M:0.66, Y:0.66, K:0.02. Its decimal value is 16405845.
Hex triplet | fa5555 | #fa5555 |
---|---|---|
RGB Decimal | 250, 85, 85 | rgb(250,85,85) |
RGB Percent | 98, 33.3, 33.3 | rgb(98%,33.3%,33.3%) |
CMYK | 0, 66, 66, 2 | |
HSL | 0°, 94.3, 65.7 | hsl(0,94.3%,65.7%) |
HSV (or HSB) | 0°, 66, 98 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 59.418, 62.633, 35.314 |
---|---|
XYZ | 44.314, 27.482, 11.565 |
xyY | 0.532, 0.33, 27.482 |
CIE-LCH | 59.418, 71.902, 29.416 |
CIE-LUV | 59.418, 125.906, 27.159 |
Hunter-Lab | 52.423, 59.15, 23.616 |
Binary | 11111010, 01010101, 01010101 |
Color Schemes with #fa5555
Alternatives to #fa5555
Below, you can see some colors close to #fa5555. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fa5555 Preview
This text has a font color of #fa5555.
<span style="color:#fa5555;">Text here</span>
This paragraph has a background color of #fa5555.
<p style="background-color:#fa5555;">Content here</p>
This element has a border color of #fa5555.
<div style="border:1px solid #fa5555;">Content here</div>
.text {color:#fa5555;}
.background {background-color:#fa5555;}
.border {border:1px solid #fa5555;}
Shades and Tints of #fa5555
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, #010000 is the darkest color, while #feeded is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#150101
#150101
rgb(21,1,1)
-
#280101
#280101
rgb(40,1,1)
-
#3b0202
#3b0202
rgb(59,2,2)
-
#4e0202
#4e0202
rgb(78,2,2)
-
#610303
#610303
rgb(97,3,3)
-
#740303
#740303
rgb(116,3,3)
-
#870404
#870404
rgb(135,4,4)
-
#9a0505
#9a0505
rgb(154,5,5)
-
#ad0505
#ad0505
rgb(173,5,5)
-
#c00606
#c00606
rgb(192,6,6)
-
#d30606
#d30606
rgb(211,6,6)
-
#e60707
#e60707
rgb(230,7,7)
-
#f80909
#f80909
rgb(248,9,9)
-
#f81c1c
#f81c1c
rgb(248,28,28)
-
#f92f2f
#f92f2f
rgb(249,47,47)
-
#f94242
#f94242
rgb(249,66,66)
-
#fa5555
#fa5555
rgb(250,85,85)
-
#fb6868
#fb6868
rgb(251,104,104)
-
#fb7b7b
#fb7b7b
rgb(251,123,123)
-
#fc8e8e
#fc8e8e
rgb(252,142,142)
-
#fca1a1
#fca1a1
rgb(252,161,161)
-
#fdb4b4
#fdb4b4
rgb(253,180,180)
-
#fdc7c7
#fdc7c7
rgb(253,199,199)
-
#fedada
#fedada
rgb(254,218,218)
-
#feeded
#feeded
rgb(254,237,237)
Tones of #fa5555
A tone is produced by adding gray to any pure hue. In this case, #a9a6a6 is the less saturated color, while #fa5555 is the most saturated one.
-
#a9a6a6
#a9a6a6
rgb(169,166,166)
-
#b09f9f
#b09f9f
rgb(176,159,159)
-
#b79898
#b79898
rgb(183,152,152)
-
#bd9292
#bd9292
rgb(189,146,146)
-
#c48b8b
#c48b8b
rgb(196,139,139)
-
#cb8484
#cb8484
rgb(203,132,132)
-
#d27d7d
#d27d7d
rgb(210,125,125)
-
#d87777
#d87777
rgb(216,119,119)
-
#df7070
#df7070
rgb(223,112,112)
-
#e66969
#e66969
rgb(230,105,105)
-
#ed6262
#ed6262
rgb(237,98,98)
-
#f35c5c
#f35c5c
rgb(243,92,92)
-
#fa5555
#fa5555
rgb(250,85,85)
Color Blindness Simulator
Below, you can see how #fa5555 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.