#f70218 Color Information
In a RGB color space, hex #f70218 is composed of 96.9% red, 0.8% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.2% magenta, 90.3% yellow and 3.1% black. It has a hue angle of 354.6 degrees, a saturation of 98.4% and a lightness of 48.8%. #f70218 color hex could be obtained by blending #ff0430 with #ef0000. Closest websafe color is: #ff0000.
-
- R 97
- G 1
- B 9
-
- C 0
- M 99
- Y 90
- K 3
● #f70218 color description : Vivid red.
#f70218 Color Conversion
The hexadecimal color #f70218 has RGB values of R:247, G:2, B:24 and CMYK values of C:0, M:0.99, Y:0.9, K:0.03. Its decimal value is 16187928.
Hex triplet | f70218 | #f70218 |
---|---|---|
RGB Decimal | 247, 2, 24 | rgb(247,2,24) |
RGB Percent | 96.9, 0.8, 9.4 | rgb(96.9%,0.8%,9.4%) |
CMYK | 0, 99, 90, 3 | |
HSL | 354.6°, 98.4, 48.8 | hsl(354.6,98.4%,48.8%) |
HSV (or HSB) | 354.6°, 99.2, 96.9 | |
Web Safe | ff0000 | #ff0000 |
CIE-LAB | 51.711, 78.242, 58.613 |
---|---|
XYZ | 38.547, 19.889, 2.674 |
xyY | 0.631, 0.325, 19.889 |
CIE-LCH | 51.711, 97.761, 36.838 |
CIE-LUV | 51.711, 167.53, 34.052 |
Hunter-Lab | 44.597, 76.239, 27.663 |
Binary | 11110111, 00000010, 00011000 |
Color Schemes with #f70218
Alternatives to #f70218
Below, you can see some colors close to #f70218. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f70218 Preview
This text has a font color of #f70218.
<span style="color:#f70218;">Text here</span>
This paragraph has a background color of #f70218.
<p style="background-color:#f70218;">Content here</p>
This element has a border color of #f70218.
<div style="border:1px solid #f70218;">Content here</div>
.text {color:#f70218;}
.background {background-color:#f70218;}
.border {border:1px solid #f70218;}
Shades and Tints of #f70218
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, #0e0001 is the darkest color, while #fff9fa is the lightest one.
-
#0e0001
#0e0001
rgb(14,0,1)
-
#210003
#210003
rgb(33,0,3)
-
#340005
#340005
rgb(52,0,5)
-
#480107
#480107
rgb(72,1,7)
-
#5b0109
#5b0109
rgb(91,1,9)
-
#6f010b
#6f010b
rgb(111,1,11)
-
#82010d
#82010d
rgb(130,1,13)
-
#96010f
#96010f
rgb(150,1,15)
-
#a90110
#a90110
rgb(169,1,16)
-
#bd0212
#bd0212
rgb(189,2,18)
-
#d00214
#d00214
rgb(208,2,20)
-
#e40216
#e40216
rgb(228,2,22)
-
#f70218
#f70218
rgb(247,2,24)
-
#fd1025
#fd1025
rgb(253,16,37)
-
#fd2337
#fd2337
rgb(253,35,55)
-
#fd3648
#fd3648
rgb(253,54,72)
-
#fe4a5a
#fe4a5a
rgb(254,74,90)
-
#fe5d6c
#fe5d6c
rgb(254,93,108)
-
#fe717e
#fe717e
rgb(254,113,126)
-
#fe848f
#fe848f
rgb(254,132,143)
-
#fe98a1
#fe98a1
rgb(254,152,161)
-
#feabb3
#feabb3
rgb(254,171,179)
-
#febfc4
#febfc4
rgb(254,191,196)
-
#ffd2d6
#ffd2d6
rgb(255,210,214)
-
#ffe6e8
#ffe6e8
rgb(255,230,232)
-
#fff9fa
#fff9fa
rgb(255,249,250)
Tones of #f70218
A tone is produced by adding gray to any pure hue. In this case, #847576 is the less saturated color, while #f70218 is the most saturated one.
-
#847576
#847576
rgb(132,117,118)
-
#8e6b6e
#8e6b6e
rgb(142,107,110)
-
#976267
#976267
rgb(151,98,103)
-
#a1585f
#a1585f
rgb(161,88,95)
-
#aa4f57
#aa4f57
rgb(170,79,87)
-
#b4454f
#b4454f
rgb(180,69,79)
-
#be3b47
#be3b47
rgb(190,59,71)
-
#c7323f
#c7323f
rgb(199,50,63)
-
#d12837
#d12837
rgb(209,40,55)
-
#da1f30
#da1f30
rgb(218,31,48)
-
#e41528
#e41528
rgb(228,21,40)
-
#ed0c20
#ed0c20
rgb(237,12,32)
-
#f70218
#f70218
rgb(247,2,24)
Color Blindness Simulator
Below, you can see how #f70218 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.