#f45774 Color Information
In a RGB color space, hex #f45774 is composed of 95.7% red, 34.1% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.3% magenta, 52.5% yellow and 4.3% black. It has a hue angle of 348.9 degrees, a saturation of 87.7% and a lightness of 64.9%. #f45774 color hex could be obtained by blending #ffaee8 with #e90000. Closest websafe color is: #ff6666.
-
- R 96
- G 34
- B 45
-
- C 0
- M 64
- Y 52
- K 4
● #f45774 color description : Soft red.
#f45774 Color Conversion
The hexadecimal color #f45774 has RGB values of R:244, G:87, B:116 and CMYK values of C:0, M:0.64, Y:0.52, K:0.04. Its decimal value is 16013172.
Hex triplet | f45774 | #f45774 |
---|---|---|
RGB Decimal | 244, 87, 116 | rgb(244,87,116) |
RGB Percent | 95.7, 34.1, 45.5 | rgb(95.7%,34.1%,45.5%) |
CMYK | 0, 64, 52, 4 | |
HSL | 348.9°, 87.7, 64.9 | hsl(348.9,87.7%,64.9%) |
HSV (or HSB) | 348.9°, 64.3, 95.7 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 59.265, 61.992, 17.063 |
---|---|
XYZ | 43.87, 27.315, 19.484 |
xyY | 0.484, 0.301, 27.315 |
CIE-LCH | 59.265, 64.298, 15.389 |
CIE-LUV | 59.265, 111.61, 9.064 |
Hunter-Lab | 52.264, 58.372, 14.481 |
Binary | 11110100, 01010111, 01110100 |
Color Schemes with #f45774
Alternatives to #f45774
Below, you can see some colors close to #f45774. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f45774 Preview
This text has a font color of #f45774.
<span style="color:#f45774;">Text here</span>
This paragraph has a background color of #f45774.
<p style="background-color:#f45774;">Content here</p>
This element has a border color of #f45774.
<div style="border:1px solid #f45774;">Content here</div>
.text {color:#f45774;}
.background {background-color:#f45774;}
.border {border:1px solid #f45774;}
Shades and Tints of #f45774
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, #100104 is the darkest color, while #fffdfd is the lightest one.
-
#100104
#100104
rgb(16,1,4)
-
#230208
#230208
rgb(35,2,8)
-
#35030d
#35030d
rgb(53,3,13)
-
#470511
#470511
rgb(71,5,17)
-
#5a0615
#5a0615
rgb(90,6,21)
-
#6c071a
#6c071a
rgb(108,7,26)
-
#7f081e
#7f081e
rgb(127,8,30)
-
#910923
#910923
rgb(145,9,35)
-
#a30b27
#a30b27
rgb(163,11,39)
-
#b60c2b
#b60c2b
rgb(182,12,43)
-
#c80d30
#c80d30
rgb(200,13,48)
-
#db0e34
#db0e34
rgb(219,14,52)
-
#ed1038
#ed1038
rgb(237,16,56)
-
#f02046
#f02046
rgb(240,32,70)
-
#f23256
#f23256
rgb(242,50,86)
-
#f34565
#f34565
rgb(243,69,101)
-
#f45774
#f45774
rgb(244,87,116)
-
#f56983
#f56983
rgb(245,105,131)
-
#f67c92
#f67c92
rgb(246,124,146)
-
#f88ea2
#f88ea2
rgb(248,142,162)
-
#f9a1b1
#f9a1b1
rgb(249,161,177)
-
#fab3c0
#fab3c0
rgb(250,179,192)
-
#fbc5cf
#fbc5cf
rgb(251,197,207)
-
#fcd8df
#fcd8df
rgb(252,216,223)
-
#feeaee
#feeaee
rgb(254,234,238)
-
#fffdfd
#fffdfd
rgb(255,253,253)
Tones of #f45774
A tone is produced by adding gray to any pure hue. In this case, #a8a3a4 is the less saturated color, while #fb5070 is the most saturated one.
-
#a8a3a4
#a8a3a4
rgb(168,163,164)
-
#af9c9f
#af9c9f
rgb(175,156,159)
-
#b6959b
#b6959b
rgb(182,149,155)
-
#bd8e97
#bd8e97
rgb(189,142,151)
-
#c48792
#c48792
rgb(196,135,146)
-
#cb808e
#cb808e
rgb(203,128,142)
-
#d2798a
#d2798a
rgb(210,121,138)
-
#d87385
#d87385
rgb(216,115,133)
-
#df6c81
#df6c81
rgb(223,108,129)
-
#e6657d
#e6657d
rgb(230,101,125)
-
#ed5e78
#ed5e78
rgb(237,94,120)
-
#f45774
#f45774
rgb(244,87,116)
-
#fb5070
#fb5070
rgb(251,80,112)
Color Blindness Simulator
Below, you can see how #f45774 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.