#f74225 hex color
In a RGB color space, hex #f74225 is composed of 96.9% red, 25.9% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.3% magenta, 85% yellow and 3.1% black. It has a hue angle of 8.3 degrees, a saturation of 92.9% and a lightness of 55.7%. #f74225 color hex could be obtained by blending #ff844a with #ef0000. Closest websafe color is: #ff3333.
-
- R 97
- G 26
- B 15
RGB color chart
-
- C 0
- M 73
- Y 85
- K 3
CMYK color chart
● #f74225 color description : Vivid red.
The hexadecimal color #f74225 has RGB values of R:247, G:66, B:37 and CMYK values of C:0, M:0.73, Y:0.85, K:0.03. Its decimal value is 16204325.
Hex triplet | f74225 | #f74225 |
---|---|---|
RGB Decimal | 247, 66, 37 | rgb(247,66,37) |
RGB Percent | 96.9, 25.9, 14.5 | rgb(96.9%,25.9%,14.5%) |
CMYK | 0, 73, 85, 3 | |
HSL | 8.3°, 92.9, 55.7 | hsl(8.3,92.9%,55.7%) |
HSV (or HSB) | 8.3°, 85, 96.9 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 55.896, 66.791, 56.352 |
---|---|
XYZ | 40.642, 23.809, 4.206 |
xyY | 0.592, 0.347, 23.809 |
CIE-LCH | 55.896, 87.387, 40.154 |
CIE-LUV | 55.896, 144.083, 39.092 |
Hunter-Lab | 48.795, 63.286, 29.046 |
Binary | 11110111, 01000010, 00100101 |
Analogous Color
Split Complementary Color
Triadic Color
Below, you can see some colors close to #f74225. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
Text with hexadecimal color #f74225
This text has a font color of #f74225.
<span style="color:#f74225;">Text here</span>
#f74225 background color
This paragraph has a background color of #f74225.
<p style="background-color:#f74225;">Content here</p>
#f74225 border color
This element has a border color of #f74225.
<div style="border:1px solid #f74225;">Content here</div>
CSS codes
.text {color:#f74225;}
.background {background-color:#f74225;}
.border {border:1px solid #f74225;}
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, #090200 is the darkest color, while #fff6f5 is the lightest one.
-
#090200
#090200
rgb(9,2,0)
-
#1c0501
#1c0501
rgb(28,5,1)
-
#2f0802
#2f0802
rgb(47,8,2)
-
#420b02
#420b02
rgb(66,11,2)
-
#550e03
#550e03
rgb(85,14,3)
-
#681204
#681204
rgb(104,18,4)
-
#7b1504
#7b1504
rgb(123,21,4)
-
#8d1805
#8d1805
rgb(141,24,5)
-
#a01b06
#a01b06
rgb(160,27,6)
-
#b31e07
#b31e07
rgb(179,30,7)
-
#c62207
#c62207
rgb(198,34,7)
-
#d92508
#d92508
rgb(217,37,8)
-
#ec2809
#ec2809
rgb(236,40,9)
Shade Color Variation
-
#f63212
#f63212
rgb(246,50,18)
-
#f74225
#f74225
rgb(247,66,37)
-
#f85238
#f85238
rgb(248,82,56)
-
#f8634b
#f8634b
rgb(248,99,75)
-
#f9735e
#f9735e
rgb(249,115,94)
-
#fa8471
#fa8471
rgb(250,132,113)
-
#fa9484
#fa9484
rgb(250,148,132)
-
#fba497
#fba497
rgb(251,164,151)
-
#fcb5a9
#fcb5a9
rgb(252,181,169)
-
#fdc5bc
#fdc5bc
rgb(253,197,188)
-
#fdd6cf
#fdd6cf
rgb(253,214,207)
-
#fee6e2
#fee6e2
rgb(254,230,226)
-
#fff6f5
#fff6f5
rgb(255,246,245)
Tint Color Variation
A tone is produced by adding gray to any pure hue. In this case, #8f8d8d is the less saturated color, while #f74225 is the most saturated one.
-
#8f8d8d
#8f8d8d
rgb(143,141,141)
-
#978785
#978785
rgb(151,135,133)
-
#a0817c
#a0817c
rgb(160,129,124)
-
#a97b73
#a97b73
rgb(169,123,115)
-
#b1746b
#b1746b
rgb(177,116,107)
-
#ba6e62
#ba6e62
rgb(186,110,98)
-
#c36859
#c36859
rgb(195,104,89)
-
#cc6150
#cc6150
rgb(204,97,80)
-
#d45b48
#d45b48
rgb(212,91,72)
-
#dd553f
#dd553f
rgb(221,85,63)
-
#e64f36
#e64f36
rgb(230,79,54)
-
#ee482e
#ee482e
rgb(238,72,46)
-
#f74225
#f74225
rgb(247,66,37)
Tone Color Variation
Below, you can see how #f74225 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