#f50949 hex color
In a RGB color space, hex #f50949 is composed of 96.1% red, 3.5% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 96.3% magenta, 70.2% yellow and 3.9% black. It has a hue angle of 343.7 degrees, a saturation of 92.9% and a lightness of 49.8%. #f50949 color hex could be obtained by blending #ff1292 with #eb0000. Closest websafe color is: #ff0033.
-
- R 96
- G 4
- B 29
RGB color chart
-
- C 0
- M 96
- Y 70
- K 4
CMYK color chart
● #f50949 color description : Vivid pink.
The hexadecimal color #f50949 has RGB values of R:245, G:9, B:73 and CMYK values of C:0, M:0.96, Y:0.7, K:0.04. Its decimal value is 16058697.
Hex triplet | f50949 | #f50949 |
---|---|---|
RGB Decimal | 245, 9, 73 | rgb(245,9,73) |
RGB Percent | 96.1, 3.5, 28.6 | rgb(96.1%,3.5%,28.6%) |
CMYK | 0, 96, 70, 4 | |
HSL | 343.7°, 92.9, 49.8 | hsl(343.7,92.9%,49.8%) |
HSV (or HSB) | 343.7°, 96.3, 96.1 | |
Web Safe | ff0033 | #ff0033 |
CIE-LAB | 51.943, 78.555, 32.924 |
---|---|
XYZ | 38.958, 20.094, 8.13 |
xyY | 0.58, 0.299, 20.094 |
CIE-LCH | 51.943, 85.176, 22.74 |
CIE-LUV | 51.943, 154.895, 18.542 |
Hunter-Lab | 44.826, 76.688, 20.625 |
Binary | 11110101, 00001001, 01001001 |
Analogous Color
Split Complementary Color
Below, you can see some colors close to #f50949. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
Text with hexadecimal color #f50949
This text has a font color of #f50949.
<span style="color:#f50949;">Text here</span>
#f50949 background color
This paragraph has a background color of #f50949.
<p style="background-color:#f50949;">Content here</p>
#f50949 border color
This element has a border color of #f50949.
<div style="border:1px solid #f50949;">Content here</div>
CSS codes
.text {color:#f50949;}
.background {background-color:#f50949;}
.border {border:1px solid #f50949;}
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, #120105 is the darkest color, while #fffefe is the lightest one.
-
#120105
#120105
rgb(18,1,5)
-
#25010b
#25010b
rgb(37,1,11)
-
#380211
#380211
rgb(56,2,17)
-
#4b0316
#4b0316
rgb(75,3,22)
-
#5e031c
#5e031c
rgb(94,3,28)
-
#710422
#710422
rgb(113,4,34)
-
#830527
#830527
rgb(131,5,39)
-
#96062d
#96062d
rgb(150,6,45)
-
#a90632
#a90632
rgb(169,6,50)
-
#bc0738
#bc0738
rgb(188,7,56)
-
#cf083e
#cf083e
rgb(207,8,62)
-
#e20843
#e20843
rgb(226,8,67)
-
#f50949
#f50949
rgb(245,9,73)
Shade Color Variation
-
#f71b57
#f71b57
rgb(247,27,87)
-
#f72e65
#f72e65
rgb(247,46,101)
-
#f84173
#f84173
rgb(248,65,115)
-
#f95480
#f95480
rgb(249,84,128)
-
#f9678e
#f9678e
rgb(249,103,142)
-
#fa7a9c
#fa7a9c
rgb(250,122,156)
-
#fb8daa
#fb8daa
rgb(251,141,170)
-
#fb9fb8
#fb9fb8
rgb(251,159,184)
-
#fcb2c6
#fcb2c6
rgb(252,178,198)
-
#fdc5d4
#fdc5d4
rgb(253,197,212)
-
#fed8e2
#fed8e2
rgb(254,216,226)
-
#feebf0
#feebf0
rgb(254,235,240)
-
#fffefe
#fffefe
rgb(255,254,254)
Tint Color Variation
A tone is produced by adding gray to any pure hue. In this case, #807e7f is the less saturated color, while #f50949 is the most saturated one.
-
#807e7f
#807e7f
rgb(128,126,127)
-
#8a747a
#8a747a
rgb(138,116,122)
-
#936b76
#936b76
rgb(147,107,118)
-
#9d6171
#9d6171
rgb(157,97,113)
-
#a7576d
#a7576d
rgb(167,87,109)
-
#b14d68
#b14d68
rgb(177,77,104)
-
#ba4464
#ba4464
rgb(186,68,100)
-
#c43a5f
#c43a5f
rgb(196,58,95)
-
#ce305b
#ce305b
rgb(206,48,91)
-
#d82656
#d82656
rgb(216,38,86)
-
#e11d52
#e11d52
rgb(225,29,82)
-
#eb134d
#eb134d
rgb(235,19,77)
-
#f50949
#f50949
rgb(245,9,73)
Tone Color Variation
Below, you can see how #f50949 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