#f7314c Color Information
In a RGB color space, hex #f7314c is composed of 96.9% red, 19.2% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.2% magenta, 69.2% yellow and 3.1% black. It has a hue angle of 351.8 degrees, a saturation of 92.5% and a lightness of 58%. #f7314c color hex could be obtained by blending #ff6298 with #ef0000. Closest websafe color is: #ff3333.
-
- R 97
- G 19
- B 30
-
- C 0
- M 80
- Y 69
- K 3
● #f7314c color description : Bright red.
#f7314c Color Conversion
The hexadecimal color #f7314c has RGB values of R:247, G:49, B:76 and CMYK values of C:0, M:0.8, Y:0.69, K:0.03. Its decimal value is 16200012.
Hex triplet | f7314c | #f7314c |
---|---|---|
RGB Decimal | 247, 49, 76 | rgb(247,49,76) |
RGB Percent | 96.9, 19.2, 29.8 | rgb(96.9%,19.2%,29.8%) |
CMYK | 0, 80, 69, 3 | |
HSL | 351.8°, 92.5, 58 | hsl(351.8,92.5%,58%) |
HSV (or HSB) | 351.8°, 80.2, 96.9 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 54.551, 72.961, 34.411 |
---|---|
XYZ | 40.762, 22.498, 9.033 |
xyY | 0.564, 0.311, 22.498 |
CIE-LCH | 54.551, 80.669, 25.25 |
CIE-LUV | 54.551, 144.974, 22.131 |
Hunter-Lab | 47.432, 70.397, 21.91 |
Binary | 11110111, 00110001, 01001100 |
Color Schemes with #f7314c
Alternatives to #f7314c
Below, you can see some colors close to #f7314c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7314c Preview
This text has a font color of #f7314c.
<span style="color:#f7314c;">Text here</span>
This paragraph has a background color of #f7314c.
<p style="background-color:#f7314c;">Content here</p>
This element has a border color of #f7314c.
<div style="border:1px solid #f7314c;">Content here</div>
.text {color:#f7314c;}
.background {background-color:#f7314c;}
.border {border:1px solid #f7314c;}
Shades and Tints of #f7314c
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, #020000 is the darkest color, while #feeef0 is the lightest one.
-
#020000
#020000
rgb(2,0,0)
-
#150103
#150103
rgb(21,1,3)
-
#270207
#270207
rgb(39,2,7)
-
#3a020a
#3a020a
rgb(58,2,10)
-
#4d030d
#4d030d
rgb(77,3,13)
-
#600410
#600410
rgb(96,4,16)
-
#730414
#730414
rgb(115,4,20)
-
#860517
#860517
rgb(134,5,23)
-
#99061a
#99061a
rgb(153,6,26)
-
#ac071d
#ac071d
rgb(172,7,29)
-
#bf0720
#bf0720
rgb(191,7,32)
-
#d10824
#d10824
rgb(209,8,36)
-
#e40927
#e40927
rgb(228,9,39)
-
#f60b2b
#f60b2b
rgb(246,11,43)
-
#f61e3c
#f61e3c
rgb(246,30,60)
-
#f7314c
#f7314c
rgb(247,49,76)
-
#f8445c
#f8445c
rgb(248,68,92)
-
#f8576d
#f8576d
rgb(248,87,109)
-
#f96a7d
#f96a7d
rgb(249,106,125)
-
#fa7d8e
#fa7d8e
rgb(250,125,142)
-
#fb8f9e
#fb8f9e
rgb(251,143,158)
-
#fba2ae
#fba2ae
rgb(251,162,174)
-
#fcb5bf
#fcb5bf
rgb(252,181,191)
-
#fdc8cf
#fdc8cf
rgb(253,200,207)
-
#fedbe0
#fedbe0
rgb(254,219,224)
-
#feeef0
#feeef0
rgb(254,238,240)
Tones of #f7314c
A tone is produced by adding gray to any pure hue. In this case, #949494 is the less saturated color, while #f7314c is the most saturated one.
-
#949494
#949494
rgb(148,148,148)
-
#9c8c8e
#9c8c8e
rgb(156,140,142)
-
#a58388
#a58388
rgb(165,131,136)
-
#ad7b82
#ad7b82
rgb(173,123,130)
-
#b5737c
#b5737c
rgb(181,115,124)
-
#bd6b76
#bd6b76
rgb(189,107,118)
-
#c66270
#c66270
rgb(198,98,112)
-
#ce5a6a
#ce5a6a
rgb(206,90,106)
-
#d65264
#d65264
rgb(214,82,100)
-
#de4a5e
#de4a5e
rgb(222,74,94)
-
#e74158
#e74158
rgb(231,65,88)
-
#ef3952
#ef3952
rgb(239,57,82)
-
#f7314c
#f7314c
rgb(247,49,76)
Color Blindness Simulator
Below, you can see how #f7314c 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.