#fa555f hex color
In a RGB color space, hex #fa555f is composed of 98% red, 33.3% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66% magenta, 62% yellow and 2% black. It has a hue angle of 356.4 degrees, a saturation of 94.3% and a lightness of 65.7%. #fa555f color hex could be obtained by blending #ffaabe with #f50000. Closest websafe color is: #ff6666.
-
- R 98
- G 33
- B 37
RGB color chart
-
- C 0
- M 66
- Y 62
- K 2
CMYK color chart
● #fa555f color description : Soft red.
The hexadecimal color #fa555f has RGB values of R:250, G:85, B:95 and CMYK values of C:0, M:0.66, Y:0.62, K:0.02. Its decimal value is 16405855.
Hex triplet | fa555f | #fa555f |
---|---|---|
RGB Decimal | 250, 85, 95 | rgb(250,85,95) |
RGB Percent | 98, 33.3, 37.3 | rgb(98%,33.3%,37.3%) |
CMYK | 0, 66, 62, 2 | |
HSL | 356.4°, 94.3, 65.7 | hsl(356.4,94.3%,65.7%) |
HSV (or HSB) | 356.4°, 66, 98 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 59.573, 63.2, 29.818 |
---|---|
XYZ | 44.74, 27.652, 13.807 |
xyY | 0.519, 0.321, 27.652 |
CIE-LCH | 59.573, 69.881, 25.258 |
CIE-LUV | 59.573, 123.453, 22.044 |
Hunter-Lab | 52.585, 59.846, 21.242 |
Binary | 11111010, 01010101, 01011111 |
Analogous Color
Split Complementary Color
Triadic Color
Below, you can see some colors close to #fa555f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
Text with hexadecimal color #fa555f
This text has a font color of #fa555f.
<span style="color:#fa555f;">Text here</span>
#fa555f background color
This paragraph has a background color of #fa555f.
<p style="background-color:#fa555f;">Content here</p>
#fa555f border color
This element has a border color of #fa555f.
<div style="border:1px solid #fa555f;">Content here</div>
CSS codes
.text {color:#fa555f;}
.background {background-color:#fa555f;}
.border {border:1px solid #fa555f;}
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 #feedee is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#150102
#150102
rgb(21,1,2)
-
#280103
#280103
rgb(40,1,3)
-
#3b0205
#3b0205
rgb(59,2,5)
-
#4e0207
#4e0207
rgb(78,2,7)
-
#610309
#610309
rgb(97,3,9)
-
#74030a
#74030a
rgb(116,3,10)
-
#87040c
#87040c
rgb(135,4,12)
-
#9a050e
#9a050e
rgb(154,5,14)
-
#ad050f
#ad050f
rgb(173,5,15)
-
#c00611
#c00611
rgb(192,6,17)
-
#d30613
#d30613
rgb(211,6,19)
-
#e60714
#e60714
rgb(230,7,20)
Shade Color Variation
-
#f80917
#f80917
rgb(248,9,23)
-
#f81c29
#f81c29
rgb(248,28,41)
-
#f92f3b
#f92f3b
rgb(249,47,59)
-
#f9424d
#f9424d
rgb(249,66,77)
-
#fa555f
#fa555f
rgb(250,85,95)
-
#fb6871
#fb6871
rgb(251,104,113)
-
#fb7b83
#fb7b83
rgb(251,123,131)
-
#fc8e95
#fc8e95
rgb(252,142,149)
-
#fca1a7
#fca1a7
rgb(252,161,167)
-
#fdb4b9
#fdb4b9
rgb(253,180,185)
-
#fdc7cb
#fdc7cb
rgb(253,199,203)
-
#fedadd
#fedadd
rgb(254,218,221)
-
#feedee
#feedee
rgb(254,237,238)
Tint Color Variation
A tone is produced by adding gray to any pure hue. In this case, #a9a6a6 is the less saturated color, while #fa555f is the most saturated one.
-
#a9a6a6
#a9a6a6
rgb(169,166,166)
-
#b09fa0
#b09fa0
rgb(176,159,160)
-
#b7989a
#b7989a
rgb(183,152,154)
-
#bd9294
#bd9294
rgb(189,146,148)
-
#c48b8e
#c48b8e
rgb(196,139,142)
-
#cb8488
#cb8488
rgb(203,132,136)
-
#d27d82
#d27d82
rgb(210,125,130)
-
#d8777d
#d8777d
rgb(216,119,125)
-
#df7077
#df7077
rgb(223,112,119)
-
#e66971
#e66971
rgb(230,105,113)
-
#ed626b
#ed626b
rgb(237,98,107)
-
#f35c65
#f35c65
rgb(243,92,101)
-
#fa555f
#fa555f
rgb(250,85,95)
Tone Color Variation
Below, you can see how #fa555f 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.
Monochromacy
Dichromacy