#f70046 hex color
In a RGB color space, hex #f70046 is composed of 96.9% red, 0% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 100% magenta, 71.7% yellow and 3.1% black. It has a hue angle of 343 degrees, a saturation of 100% and a lightness of 48.4%. #f70046 color hex could be obtained by blending #ff008c with #ef0000. Closest websafe color is: #ff0033.
-
- R 97
- G 0
- B 27
RGB color chart
-
- C 0
- M 100
- Y 72
- K 3
CMYK color chart
● #f70046 color description : Pure (or mostly pure) pink.
The hexadecimal color #f70046 has RGB values of R:247, G:0, B:70 and CMYK values of C:0, M:1, Y:0.72, K:0.03. Its decimal value is 16187462.
Hex triplet | f70046 | #f70046 |
---|---|---|
RGB Decimal | 247, 0, 70 | rgb(247,0,70) |
RGB Percent | 96.9, 0, 27.5 | rgb(96.9%,0%,27.5%) |
CMYK | 0, 100, 72, 3 | |
HSL | 343°, 100, 48.4 | hsl(343,100%,48.4%) |
HSV (or HSB) | 343°, 100, 96.9 | |
Web Safe | ff0033 | #ff0033 |
CIE-LAB | 52.087, 79.54, 34.974 |
---|---|
XYZ | 39.465, 20.221, 7.619 |
xyY | 0.586, 0.3, 20.221 |
CIE-LCH | 52.087, 86.89, 23.736 |
CIE-LUV | 52.087, 158.376, 19.905 |
Hunter-Lab | 44.968, 77.961, 21.432 |
Binary | 11110111, 00000000, 01000110 |
Analogous Color
Split Complementary Color
Below, you can see some colors close to #f70046. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
Text with hexadecimal color #f70046
This text has a font color of #f70046.
<span style="color:#f70046;">Text here</span>
#f70046 background color
This paragraph has a background color of #f70046.
<p style="background-color:#f70046;">Content here</p>
#f70046 border color
This element has a border color of #f70046.
<div style="border:1px solid #f70046;">Content here</div>
CSS codes
.text {color:#f70046;}
.background {background-color:#f70046;}
.border {border:1px solid #f70046;}
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, #0c0003 is the darkest color, while #fff7f9 is the lightest one.
-
#0c0003
#0c0003
rgb(12,0,3)
-
#1f0009
#1f0009
rgb(31,0,9)
-
#33000e
#33000e
rgb(51,0,14)
-
#460014
#460014
rgb(70,0,20)
-
#5a001a
#5a001a
rgb(90,0,26)
-
#6e001f
#6e001f
rgb(110,0,31)
-
#810025
#810025
rgb(129,0,37)
-
#95002a
#95002a
rgb(149,0,42)
-
#a90030
#a90030
rgb(169,0,48)
-
#bc0035
#bc0035
rgb(188,0,53)
-
#d0003b
#d0003b
rgb(208,0,59)
-
#e30040
#e30040
rgb(227,0,64)
-
#f70046
#f70046
rgb(247,0,70)
Shade Color Variation
-
#ff0c51
#ff0c51
rgb(255,12,81)
-
#ff1f5f
#ff1f5f
rgb(255,31,95)
-
#ff336d
#ff336d
rgb(255,51,109)
-
#ff467b
#ff467b
rgb(255,70,123)
-
#ff5a89
#ff5a89
rgb(255,90,137)
-
#ff6e97
#ff6e97
rgb(255,110,151)
-
#ff81a5
#ff81a5
rgb(255,129,165)
-
#ff95b3
#ff95b3
rgb(255,149,179)
-
#ffa9c1
#ffa9c1
rgb(255,169,193)
-
#ffbccf
#ffbccf
rgb(255,188,207)
-
#ffd0dd
#ffd0dd
rgb(255,208,221)
-
#ffe3eb
#ffe3eb
rgb(255,227,235)
-
#fff7f9
#fff7f9
rgb(255,247,249)
Tint Color Variation
A tone is produced by adding gray to any pure hue. In this case, #857277 is the less saturated color, while #f70046 is the most saturated one.
-
#857277
#857277
rgb(133,114,119)
-
#8f6973
#8f6973
rgb(143,105,115)
-
#985f6f
#985f6f
rgb(152,95,111)
-
#a2566b
#a2566b
rgb(162,86,107)
-
#ab4c67
#ab4c67
rgb(171,76,103)
-
#b54363
#b54363
rgb(181,67,99)
-
#be395f
#be395f
rgb(190,57,95)
-
#c8305b
#c8305b
rgb(200,48,91)
-
#d12656
#d12656
rgb(209,38,86)
-
#db1d52
#db1d52
rgb(219,29,82)
-
#e4134e
#e4134e
rgb(228,19,78)
-
#ee0a4a
#ee0a4a
rgb(238,10,74)
-
#f70046
#f70046
rgb(247,0,70)
Tone Color Variation
Below, you can see how #f70046 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