#fa5454 Color Information
In a RGB color space, hex #fa5454 is composed of 98% red, 32.9% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.4% magenta, 66.4% yellow and 2% black. It has a hue angle of 0 degrees, a saturation of 94.3% and a lightness of 65.5%. #fa5454 color hex could be obtained by blending #ffa8a8 with #f50000. Closest websafe color is: #ff6666.
-
- R 98
- G 33
- B 33
-
- C 0
- M 66
- Y 66
- K 2
● #fa5454 color description : Soft red.
#fa5454 Color Conversion
The hexadecimal color #fa5454 has RGB values of R:250, G:84, B:84 and CMYK values of C:0, M:0.66, Y:0.66, K:0.02. Its decimal value is 16405588.
Hex triplet | fa5454 | #fa5454 |
---|---|---|
RGB Decimal | 250, 84, 84 | rgb(250,84,84) |
RGB Percent | 98, 32.9, 32.9 | rgb(98%,32.9%,32.9%) |
CMYK | 0, 66, 66, 2 | |
HSL | 0°, 94.3, 65.5 | hsl(0,94.3%,65.5%) |
HSV (or HSB) | 0°, 66.4, 98 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 59.26, 62.969, 35.685 |
---|---|
XYZ | 44.197, 27.31, 11.331 |
xyY | 0.534, 0.33, 27.31 |
CIE-LCH | 59.26, 72.378, 29.54 |
CIE-LUV | 59.26, 126.767, 27.345 |
Hunter-Lab | 52.259, 59.51, 23.725 |
Binary | 11111010, 01010100, 01010100 |
Color Schemes with #fa5454
Alternatives to #fa5454
Below, you can see some colors close to #fa5454. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fa5454 Preview
This text has a font color of #fa5454.
<span style="color:#fa5454;">Text here</span>
This paragraph has a background color of #fa5454.
<p style="background-color:#fa5454;">Content here</p>
This element has a border color of #fa5454.
<div style="border:1px solid #fa5454;">Content here</div>
.text {color:#fa5454;}
.background {background-color:#fa5454;}
.border {border:1px solid #fa5454;}
Shades and Tints of #fa5454
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 #feecec is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#140101
#140101
rgb(20,1,1)
-
#270101
#270101
rgb(39,1,1)
-
#3a0202
#3a0202
rgb(58,2,2)
-
#4d0202
#4d0202
rgb(77,2,2)
-
#600303
#600303
rgb(96,3,3)
-
#730303
#730303
rgb(115,3,3)
-
#860404
#860404
rgb(134,4,4)
-
#990404
#990404
rgb(153,4,4)
-
#ac0505
#ac0505
rgb(172,5,5)
-
#bf0606
#bf0606
rgb(191,6,6)
-
#d20606
#d20606
rgb(210,6,6)
-
#e50707
#e50707
rgb(229,7,7)
-
#f80808
#f80808
rgb(248,8,8)
-
#f81b1b
#f81b1b
rgb(248,27,27)
-
#f92e2e
#f92e2e
rgb(249,46,46)
-
#f94141
#f94141
rgb(249,65,65)
-
#fa5454
#fa5454
rgb(250,84,84)
-
#fb6767
#fb6767
rgb(251,103,103)
-
#fb7a7a
#fb7a7a
rgb(251,122,122)
-
#fc8d8d
#fc8d8d
rgb(252,141,141)
-
#fca0a0
#fca0a0
rgb(252,160,160)
-
#fdb3b3
#fdb3b3
rgb(253,179,179)
-
#fdc6c6
#fdc6c6
rgb(253,198,198)
-
#fed9d9
#fed9d9
rgb(254,217,217)
-
#feecec
#feecec
rgb(254,236,236)
Tones of #fa5454
A tone is produced by adding gray to any pure hue. In this case, #a9a5a5 is the less saturated color, while #fa5454 is the most saturated one.
-
#a9a5a5
#a9a5a5
rgb(169,165,165)
-
#b09e9e
#b09e9e
rgb(176,158,158)
-
#b69898
#b69898
rgb(182,152,152)
-
#bd9191
#bd9191
rgb(189,145,145)
-
#c48a8a
#c48a8a
rgb(196,138,138)
-
#cb8383
#cb8383
rgb(203,131,131)
-
#d17d7d
#d17d7d
rgb(209,125,125)
-
#d87676
#d87676
rgb(216,118,118)
-
#df6f6f
#df6f6f
rgb(223,111,111)
-
#e66868
#e66868
rgb(230,104,104)
-
#ec6262
#ec6262
rgb(236,98,98)
-
#f35b5b
#f35b5b
rgb(243,91,91)
-
#fa5454
#fa5454
rgb(250,84,84)
Color Blindness Simulator
Below, you can see how #fa5454 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.