#f74f22 Color Information
In a RGB color space, hex #f74f22 is composed of 96.9% red, 31% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68% magenta, 86.2% yellow and 3.1% black. It has a hue angle of 12.7 degrees, a saturation of 93% and a lightness of 55.1%. #f74f22 color hex could be obtained by blending #ff9e44 with #ef0000. Closest websafe color is: #ff6633.
-
- R 97
- G 31
- B 13
-
- C 0
- M 68
- Y 86
- K 3
● #f74f22 color description : Vivid red.
#f74f22 Color Conversion
The hexadecimal color #f74f22 has RGB values of R:247, G:79, B:34 and CMYK values of C:0, M:0.68, Y:0.86, K:0.03. Its decimal value is 16207650.
Hex triplet | f74f22 | #f74f22 |
---|---|---|
RGB Decimal | 247, 79, 34 | rgb(247,79,34) |
RGB Percent | 96.9, 31, 13.3 | rgb(96.9%,31%,13.3%) |
CMYK | 0, 68, 86, 3 | |
HSL | 12.7°, 93, 55.1 | hsl(12.7,93%,55.1%) |
HSV (or HSB) | 12.7°, 86.2, 96.9 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 57.546, 62.141, 58.959 |
---|---|
XYZ | 41.444, 25.486, 4.25 |
xyY | 0.582, 0.358, 25.486 |
CIE-LCH | 57.546, 85.66, 43.495 |
CIE-LUV | 57.546, 136.121, 42.766 |
Hunter-Lab | 50.484, 58.191, 30.347 |
Binary | 11110111, 01001111, 00100010 |
Color Schemes with #f74f22
Alternatives to #f74f22
Below, you can see some colors close to #f74f22. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f74f22 Preview
This text has a font color of #f74f22.
<span style="color:#f74f22;">Text here</span>
This paragraph has a background color of #f74f22.
<p style="background-color:#f74f22;">Content here</p>
This element has a border color of #f74f22.
<div style="border:1px solid #f74f22;">Content here</div>
.text {color:#f74f22;}
.background {background-color:#f74f22;}
.border {border:1px solid #f74f22;}
Shades and Tints of #f74f22
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, #060100 is the darkest color, while #fff5f2 is the lightest one.
-
#060100
#060100
rgb(6,1,0)
-
#190601
#190601
rgb(25,6,1)
-
#2c0b02
#2c0b02
rgb(44,11,2)
-
#3f0f02
#3f0f02
rgb(63,15,2)
-
#521403
#521403
rgb(82,20,3)
-
#651804
#651804
rgb(101,24,4)
-
#781d04
#781d04
rgb(120,29,4)
-
#8b2105
#8b2105
rgb(139,33,5)
-
#9e2606
#9e2606
rgb(158,38,6)
-
#b12a06
#b12a06
rgb(177,42,6)
-
#c32f07
#c32f07
rgb(195,47,7)
-
#d63308
#d63308
rgb(214,51,8)
-
#e93808
#e93808
rgb(233,56,8)
-
#f6400f
#f6400f
rgb(246,64,15)
-
#f74f22
#f74f22
rgb(247,79,34)
-
#f85e35
#f85e35
rgb(248,94,53)
-
#f86d48
#f86d48
rgb(248,109,72)
-
#f97c5b
#f97c5b
rgb(249,124,91)
-
#fa8b6e
#fa8b6e
rgb(250,139,110)
-
#fa9a81
#fa9a81
rgb(250,154,129)
-
#fba994
#fba994
rgb(251,169,148)
-
#fcb9a7
#fcb9a7
rgb(252,185,167)
-
#fcc8b9
#fcc8b9
rgb(252,200,185)
-
#fdd7cc
#fdd7cc
rgb(253,215,204)
-
#fee6df
#fee6df
rgb(254,230,223)
-
#fff5f2
#fff5f2
rgb(255,245,242)
Tones of #f74f22
A tone is produced by adding gray to any pure hue. In this case, #8d8c8c is the less saturated color, while #f74f22 is the most saturated one.
-
#8d8c8c
#8d8c8c
rgb(141,140,140)
-
#968783
#968783
rgb(150,135,131)
-
#9f827a
#9f827a
rgb(159,130,122)
-
#a87d71
#a87d71
rgb(168,125,113)
-
#b17868
#b17868
rgb(177,120,104)
-
#b97360
#b97360
rgb(185,115,96)
-
#c26e57
#c26e57
rgb(194,110,87)
-
#cb684e
#cb684e
rgb(203,104,78)
-
#d46345
#d46345
rgb(212,99,69)
-
#dd5e3c
#dd5e3c
rgb(221,94,60)
-
#e55934
#e55934
rgb(229,89,52)
-
#ee542b
#ee542b
rgb(238,84,43)
-
#f74f22
#f74f22
rgb(247,79,34)
Color Blindness Simulator
Below, you can see how #f74f22 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.