#f7002e hex color
In a RGB color space, hex #f7002e is composed of 96.9% red, 0% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 100% magenta, 81.4% yellow and 3.1% black. It has a hue angle of 348.8 degrees, a saturation of 100% and a lightness of 48.4%. #f7002e color hex could be obtained by blending #ff005c with #ef0000. Closest websafe color is: #ff0033.
-
- R 97
- G 0
- B 18
RGB color chart
-
- C 0
- M 100
- Y 81
- K 3
CMYK color chart
● #f7002e color description : Pure (or mostly pure) red.
The hexadecimal color #f7002e has RGB values of R:247, G:0, B:46 and CMYK values of C:0, M:1, Y:0.81, K:0.03. Its decimal value is 16187438.
Hex triplet | f7002e | #f7002e |
---|---|---|
RGB Decimal | 247, 0, 46 | rgb(247,0,46) |
RGB Percent | 96.9, 0, 18 | rgb(96.9%,0%,18%) |
CMYK | 0, 100, 81, 3 | |
HSL | 348.8°, 100, 48.4 | hsl(348.8,100%,48.4%) |
HSV (or HSB) | 348.8°, 100, 96.9 | |
Web Safe | ff0033 | #ff0033 |
CIE-LAB | 51.811, 78.791, 48.31 |
---|---|
XYZ | 38.853, 19.977, 4.395 |
xyY | 0.615, 0.316, 19.977 |
CIE-LCH | 51.811, 92.422, 31.514 |
CIE-LUV | 51.811, 164.388, 28.884 |
Hunter-Lab | 44.695, 76.952, 25.457 |
Binary | 11110111, 00000000, 00101110 |
Analogous Color
Split Complementary Color
Below, you can see some colors close to #f7002e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
Text with hexadecimal color #f7002e
This text has a font color of #f7002e.
<span style="color:#f7002e;">Text here</span>
#f7002e background color
This paragraph has a background color of #f7002e.
<p style="background-color:#f7002e;">Content here</p>
#f7002e border color
This element has a border color of #f7002e.
<div style="border:1px solid #f7002e;">Content here</div>
CSS codes
.text {color:#f7002e;}
.background {background-color:#f7002e;}
.border {border:1px solid #f7002e;}
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, #0c0002 is the darkest color, while #fff7f8 is the lightest one.
-
#0c0002
#0c0002
rgb(12,0,2)
-
#1f0006
#1f0006
rgb(31,0,6)
-
#330009
#330009
rgb(51,0,9)
-
#46000d
#46000d
rgb(70,0,13)
-
#5a0011
#5a0011
rgb(90,0,17)
-
#6e0014
#6e0014
rgb(110,0,20)
-
#810018
#810018
rgb(129,0,24)
-
#95001c
#95001c
rgb(149,0,28)
-
#a9001f
#a9001f
rgb(169,0,31)
-
#bc0023
#bc0023
rgb(188,0,35)
-
#d00027
#d00027
rgb(208,0,39)
-
#e3002a
#e3002a
rgb(227,0,42)
-
#f7002e
#f7002e
rgb(247,0,46)
Shade Color Variation
-
#ff0c39
#ff0c39
rgb(255,12,57)
-
#ff1f49
#ff1f49
rgb(255,31,73)
-
#ff3359
#ff3359
rgb(255,51,89)
-
#ff4669
#ff4669
rgb(255,70,105)
-
#ff5a79
#ff5a79
rgb(255,90,121)
-
#ff6e89
#ff6e89
rgb(255,110,137)
-
#ff8199
#ff8199
rgb(255,129,153)
-
#ff95a9
#ff95a9
rgb(255,149,169)
-
#ffa9b9
#ffa9b9
rgb(255,169,185)
-
#ffbcc9
#ffbcc9
rgb(255,188,201)
-
#ffd0d9
#ffd0d9
rgb(255,208,217)
-
#ffe3e9
#ffe3e9
rgb(255,227,233)
-
#fff7f8
#fff7f8
rgb(255,247,248)
Tint Color Variation
A tone is produced by adding gray to any pure hue. In this case, #857276 is the less saturated color, while #f7002e is the most saturated one.
-
#857276
#857276
rgb(133,114,118)
-
#8f6970
#8f6970
rgb(143,105,112)
-
#985f6a
#985f6a
rgb(152,95,106)
-
#a25664
#a25664
rgb(162,86,100)
-
#ab4c5e
#ab4c5e
rgb(171,76,94)
-
#b54358
#b54358
rgb(181,67,88)
-
#be3952
#be3952
rgb(190,57,82)
-
#c8304c
#c8304c
rgb(200,48,76)
-
#d12646
#d12646
rgb(209,38,70)
-
#db1d40
#db1d40
rgb(219,29,64)
-
#e4133a
#e4133a
rgb(228,19,58)
-
#ee0a34
#ee0a34
rgb(238,10,52)
-
#f7002e
#f7002e
rgb(247,0,46)
Tone Color Variation
Below, you can see how #f7002e 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