#f07222 Color Information
In a RGB color space, hex #f07222 is composed of 94.1% red, 44.7% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.5% magenta, 85.8% yellow and 5.9% black. It has a hue angle of 23.3 degrees, a saturation of 87.3% and a lightness of 53.7%. #f07222 color hex could be obtained by blending #ffe444 with #e10000. Closest websafe color is: #ff6633.
-
- R 94
- G 45
- B 13
-
- C 0
- M 53
- Y 86
- K 6
● #f07222 color description : Vivid orange.
#f07222 Color Conversion
The hexadecimal color #f07222 has RGB values of R:240, G:114, B:34 and CMYK values of C:0, M:0.53, Y:0.86, K:0.06. Its decimal value is 15757858.
Hex triplet | f07222 | #f07222 |
---|---|---|
RGB Decimal | 240, 114, 34 | rgb(240,114,34) |
RGB Percent | 94.1, 44.7, 13.3 | rgb(94.1%,44.7%,13.3%) |
CMYK | 0, 53, 86, 6 | |
HSL | 23.3°, 87.3, 53.7 | hsl(23.3,87.3%,53.7%) |
HSV (or HSB) | 23.3°, 85.8, 94.1 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 62.236, 44.346, 62.278 |
---|---|
XYZ | 42.243, 30.68, 5.211 |
xyY | 0.541, 0.393, 30.68 |
CIE-LCH | 62.236, 76.454, 54.547 |
CIE-LUV | 62.236, 103.818, 52.295 |
Hunter-Lab | 55.389, 39.203, 33.195 |
Binary | 11110000, 01110010, 00100010 |
Color Schemes with #f07222
Alternatives to #f07222
Below, you can see some colors close to #f07222. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f07222 Preview
This text has a font color of #f07222.
<span style="color:#f07222;">Text here</span>
This paragraph has a background color of #f07222.
<p style="background-color:#f07222;">Content here</p>
This element has a border color of #f07222.
<div style="border:1px solid #f07222;">Content here</div>
.text {color:#f07222;}
.background {background-color:#f07222;}
.border {border:1px solid #f07222;}
Shades and Tints of #f07222
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, #120801 is the darkest color, while #fffffe is the lightest one.
-
#120801
#120801
rgb(18,8,1)
-
#241002
#241002
rgb(36,16,2)
-
#371704
#371704
rgb(55,23,4)
-
#491f05
#491f05
rgb(73,31,5)
-
#5b2706
#5b2706
rgb(91,39,6)
-
#6e2f07
#6e2f07
rgb(110,47,7)
-
#803709
#803709
rgb(128,55,9)
-
#923f0a
#923f0a
rgb(146,63,10)
-
#a5470b
#a5470b
rgb(165,71,11)
-
#b74f0c
#b74f0c
rgb(183,79,12)
-
#c9570e
#c9570e
rgb(201,87,14)
-
#dc5f0f
#dc5f0f
rgb(220,95,15)
-
#ee6610
#ee6610
rgb(238,102,16)
-
#f07222
#f07222
rgb(240,114,34)
-
#f17e34
#f17e34
rgb(241,126,52)
-
#f28947
#f28947
rgb(242,137,71)
-
#f49559
#f49559
rgb(244,149,89)
-
#f5a16b
#f5a16b
rgb(245,161,107)
-
#f6ad7e
#f6ad7e
rgb(246,173,126)
-
#f7b890
#f7b890
rgb(247,184,144)
-
#f9c4a3
#f9c4a3
rgb(249,196,163)
-
#fad0b5
#fad0b5
rgb(250,208,181)
-
#fbdbc7
#fbdbc7
rgb(251,219,199)
-
#fce7da
#fce7da
rgb(252,231,218)
-
#fef3ec
#fef3ec
rgb(254,243,236)
-
#fffffe
#fffffe
rgb(255,255,254)
Tones of #f07222
A tone is produced by adding gray to any pure hue. In this case, #8c8886 is the less saturated color, while #f97019 is the most saturated one.
-
#8c8886
#8c8886
rgb(140,136,134)
-
#95867d
#95867d
rgb(149,134,125)
-
#9e8474
#9e8474
rgb(158,132,116)
-
#a7826b
#a7826b
rgb(167,130,107)
-
#b08062
#b08062
rgb(176,128,98)
-
#ba7e58
#ba7e58
rgb(186,126,88)
-
#c37c4f
#c37c4f
rgb(195,124,79)
-
#cc7a46
#cc7a46
rgb(204,122,70)
-
#d5783d
#d5783d
rgb(213,120,61)
-
#de7634
#de7634
rgb(222,118,52)
-
#e7742b
#e7742b
rgb(231,116,43)
-
#f07222
#f07222
rgb(240,114,34)
-
#f97019
#f97019
rgb(249,112,25)
Color Blindness Simulator
Below, you can see how #f07222 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.