#f49222 Color Information
In a RGB color space, hex #f49222 is composed of 95.7% red, 57.3% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.2% magenta, 86.1% yellow and 4.3% black. It has a hue angle of 32 degrees, a saturation of 90.5% and a lightness of 54.5%. #f49222 color hex could be obtained by blending #ffff44 with #e92500. Closest websafe color is: #ff9933.
-
- R 96
- G 57
- B 13
-
- C 0
- M 40
- Y 86
- K 4
● #f49222 color description : Vivid orange.
#f49222 Color Conversion
The hexadecimal color #f49222 has RGB values of R:244, G:146, B:34 and CMYK values of C:0, M:0.4, Y:0.86, K:0.04. Its decimal value is 16028194.
Hex triplet | f49222 | #f49222 |
---|---|---|
RGB Decimal | 244, 146, 34 | rgb(244,146,34) |
RGB Percent | 95.7, 57.3, 13.3 | rgb(95.7%,57.3%,13.3%) |
CMYK | 0, 40, 86, 4 | |
HSL | 32°, 90.5, 54.5 | hsl(32,90.5%,54.5%) |
HSV (or HSB) | 32°, 86.1, 95.7 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 69.406, 29.706, 68.31 |
---|---|
XYZ | 47.877, 39.91, 6.695 |
xyY | 0.507, 0.422, 39.91 |
CIE-LCH | 69.406, 74.489, 66.498 |
CIE-LUV | 69.406, 80.705, 63.603 |
Hunter-Lab | 63.175, 24.722, 37.938 |
Binary | 11110100, 10010010, 00100010 |
Color Schemes with #f49222
Alternatives to #f49222
Below, you can see some colors close to #f49222. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f49222 Preview
This text has a font color of #f49222.
<span style="color:#f49222;">Text here</span>
This paragraph has a background color of #f49222.
<p style="background-color:#f49222;">Content here</p>
This element has a border color of #f49222.
<div style="border:1px solid #f49222;">Content here</div>
.text {color:#f49222;}
.background {background-color:#f49222;}
.border {border:1px solid #f49222;}
Shades and Tints of #f49222
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, #030200 is the darkest color, while #fef7f0 is the lightest one.
-
#030200
#030200
rgb(3,2,0)
-
#160c01
#160c01
rgb(22,12,1)
-
#291702
#291702
rgb(41,23,2)
-
#3b2103
#3b2103
rgb(59,33,3)
-
#4e2b04
#4e2b04
rgb(78,43,4)
-
#613605
#613605
rgb(97,54,5)
-
#734006
#734006
rgb(115,64,6)
-
#864b07
#864b07
rgb(134,75,7)
-
#995508
#995508
rgb(153,85,8)
-
#ab5f09
#ab5f09
rgb(171,95,9)
-
#be6a09
#be6a09
rgb(190,106,9)
-
#d1740a
#d1740a
rgb(209,116,10)
-
#e37f0b
#e37f0b
rgb(227,127,11)
-
#f3890f
#f3890f
rgb(243,137,15)
-
#f49222
#f49222
rgb(244,146,34)
-
#f59b35
#f59b35
rgb(245,155,53)
-
#f6a447
#f6a447
rgb(246,164,71)
-
#f7ae5a
#f7ae5a
rgb(247,174,90)
-
#f8b76d
#f8b76d
rgb(248,183,109)
-
#f9c07f
#f9c07f
rgb(249,192,127)
-
#fac992
#fac992
rgb(250,201,146)
-
#fbd3a5
#fbd3a5
rgb(251,211,165)
-
#fbdcb7
#fbdcb7
rgb(251,220,183)
-
#fce5ca
#fce5ca
rgb(252,229,202)
-
#fdeedd
#fdeedd
rgb(253,238,221)
-
#fef7f0
#fef7f0
rgb(254,247,240)
Tones of #f49222
A tone is produced by adding gray to any pure hue. In this case, #928b84 is the less saturated color, while #fd9319 is the most saturated one.
-
#928b84
#928b84
rgb(146,139,132)
-
#9b8c7b
#9b8c7b
rgb(155,140,123)
-
#a48d72
#a48d72
rgb(164,141,114)
-
#ad8d69
#ad8d69
rgb(173,141,105)
-
#b68e60
#b68e60
rgb(182,142,96)
-
#be8e58
#be8e58
rgb(190,142,88)
-
#c78f4f
#c78f4f
rgb(199,143,79)
-
#d09046
#d09046
rgb(208,144,70)
-
#d9903d
#d9903d
rgb(217,144,61)
-
#e29134
#e29134
rgb(226,145,52)
-
#eb912b
#eb912b
rgb(235,145,43)
-
#f49222
#f49222
rgb(244,146,34)
-
#fd9319
#fd9319
rgb(253,147,25)
Color Blindness Simulator
Below, you can see how #f49222 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.