#f7313f Color Information
In a RGB color space, hex #f7313f is composed of 96.9% red, 19.2% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.2% magenta, 74.5% yellow and 3.1% black. It has a hue angle of 355.8 degrees, a saturation of 92.5% and a lightness of 58%. #f7313f color hex could be obtained by blending #ff627e with #ef0000. Closest websafe color is: #ff3333.
-
- R 97
- G 19
- B 25
-
- C 0
- M 80
- Y 74
- K 3
● #f7313f color description : Bright red.
#f7313f Color Conversion
The hexadecimal color #f7313f has RGB values of R:247, G:49, B:63 and CMYK values of C:0, M:0.8, Y:0.74, K:0.03. Its decimal value is 16199999.
Hex triplet | f7313f | #f7313f |
---|---|---|
RGB Decimal | 247, 49, 63 | rgb(247,49,63) |
RGB Percent | 96.9, 19.2, 24.7 | rgb(96.9%,19.2%,24.7%) |
CMYK | 0, 80, 74, 3 | |
HSL | 355.8°, 92.5, 58 | hsl(355.8,92.5%,58%) |
HSV (or HSB) | 355.8°, 80.2, 96.9 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 54.38, 72.437, 41.653 |
---|---|
XYZ | 40.355, 22.335, 6.889 |
xyY | 0.58, 0.321, 22.335 |
CIE-LCH | 54.38, 83.559, 29.9 |
CIE-LUV | 54.38, 148.279, 27.724 |
Hunter-Lab | 47.26, 69.718, 24.44 |
Binary | 11110111, 00110001, 00111111 |
Color Schemes with #f7313f
Alternatives to #f7313f
Below, you can see some colors close to #f7313f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7313f Preview
This text has a font color of #f7313f.
<span style="color:#f7313f;">Text here</span>
This paragraph has a background color of #f7313f.
<p style="background-color:#f7313f;">Content here</p>
This element has a border color of #f7313f.
<div style="border:1px solid #f7313f;">Content here</div>
.text {color:#f7313f;}
.background {background-color:#f7313f;}
.border {border:1px solid #f7313f;}
Shades and Tints of #f7313f
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 #feeeef is the lightest one.
-
#020000
#020000
rgb(2,0,0)
-
#150102
#150102
rgb(21,1,2)
-
#270204
#270204
rgb(39,2,4)
-
#3a0206
#3a0206
rgb(58,2,6)
-
#4d0308
#4d0308
rgb(77,3,8)
-
#60040a
#60040a
rgb(96,4,10)
-
#73040c
#73040c
rgb(115,4,12)
-
#86050e
#86050e
rgb(134,5,14)
-
#990610
#990610
rgb(153,6,16)
-
#ac0712
#ac0712
rgb(172,7,18)
-
#bf0714
#bf0714
rgb(191,7,20)
-
#d10816
#d10816
rgb(209,8,22)
-
#e40918
#e40918
rgb(228,9,24)
-
#f60b1c
#f60b1c
rgb(246,11,28)
-
#f61e2d
#f61e2d
rgb(246,30,45)
-
#f7313f
#f7313f
rgb(247,49,63)
-
#f84451
#f84451
rgb(248,68,81)
-
#f85762
#f85762
rgb(248,87,98)
-
#f96a74
#f96a74
rgb(249,106,116)
-
#fa7d85
#fa7d85
rgb(250,125,133)
-
#fb8f97
#fb8f97
rgb(251,143,151)
-
#fba2a9
#fba2a9
rgb(251,162,169)
-
#fcb5ba
#fcb5ba
rgb(252,181,186)
-
#fdc8cc
#fdc8cc
rgb(253,200,204)
-
#fedbdd
#fedbdd
rgb(254,219,221)
-
#feeeef
#feeeef
rgb(254,238,239)
Tones of #f7313f
A tone is produced by adding gray to any pure hue. In this case, #949494 is the less saturated color, while #f7313f is the most saturated one.
-
#949494
#949494
rgb(148,148,148)
-
#9c8c8d
#9c8c8d
rgb(156,140,141)
-
#a58386
#a58386
rgb(165,131,134)
-
#ad7b7f
#ad7b7f
rgb(173,123,127)
-
#b57378
#b57378
rgb(181,115,120)
-
#bd6b70
#bd6b70
rgb(189,107,112)
-
#c66269
#c66269
rgb(198,98,105)
-
#ce5a62
#ce5a62
rgb(206,90,98)
-
#d6525b
#d6525b
rgb(214,82,91)
-
#de4a54
#de4a54
rgb(222,74,84)
-
#e7414d
#e7414d
rgb(231,65,77)
-
#ef3946
#ef3946
rgb(239,57,70)
-
#f7313f
#f7313f
rgb(247,49,63)
Color Blindness Simulator
Below, you can see how #f7313f 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.