#faa222 Color Information
In a RGB color space, hex #faa222 is composed of 98% red, 63.5% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.2% magenta, 86.4% yellow and 2% black. It has a hue angle of 35.6 degrees, a saturation of 95.6% and a lightness of 55.7%. #faa222 color hex could be obtained by blending #ffff44 with #f54500. Closest websafe color is: #ff9933.
-
- R 98
- G 64
- B 13
-
- C 0
- M 35
- Y 86
- K 2
● #faa222 color description : Vivid orange.
#faa222 Color Conversion
The hexadecimal color #faa222 has RGB values of R:250, G:162, B:34 and CMYK values of C:0, M:0.35, Y:0.86, K:0.02. Its decimal value is 16425506.
Hex triplet | faa222 | #faa222 |
---|---|---|
RGB Decimal | 250, 162, 34 | rgb(250,162,34) |
RGB Percent | 98, 63.5, 13.3 | rgb(98%,63.5%,13.3%) |
CMYK | 0, 35, 86, 2 | |
HSL | 35.6°, 95.6, 55.7 | hsl(35.6,95.6%,55.7%) |
HSV (or HSB) | 35.6°, 86.4, 98 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 73.729, 23.832, 72.089 |
---|---|
XYZ | 52.635, 46.284, 7.675 |
xyY | 0.494, 0.434, 46.284 |
CIE-LCH | 73.729, 75.926, 71.707 |
CIE-LUV | 73.729, 72.477, 69.683 |
Hunter-Lab | 68.032, 19.044, 40.934 |
Binary | 11111010, 10100010, 00100010 |
Color Schemes with #faa222
Alternatives to #faa222
Below, you can see some colors close to #faa222. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#faa222 Preview
This text has a font color of #faa222.
<span style="color:#faa222;">Text here</span>
This paragraph has a background color of #faa222.
<p style="background-color:#faa222;">Content here</p>
This element has a border color of #faa222.
<div style="border:1px solid #faa222;">Content here</div>
.text {color:#faa222;}
.background {background-color:#faa222;}
.border {border:1px solid #faa222;}
Shades and Tints of #faa222
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, #090600 is the darkest color, while #fffbf5 is the lightest one.
-
#090600
#090600
rgb(9,6,0)
-
#1c1101
#1c1101
rgb(28,17,1)
-
#301d01
#301d01
rgb(48,29,1)
-
#432802
#432802
rgb(67,40,2)
-
#563402
#563402
rgb(86,52,2)
-
#693f02
#693f02
rgb(105,63,2)
-
#7c4b03
#7c4b03
rgb(124,75,3)
-
#8f5603
#8f5603
rgb(143,86,3)
-
#a36204
#a36204
rgb(163,98,4)
-
#b66d04
#b66d04
rgb(182,109,4)
-
#c97905
#c97905
rgb(201,121,5)
-
#dc8505
#dc8505
rgb(220,133,5)
-
#ef9005
#ef9005
rgb(239,144,5)
-
#fa9a0f
#fa9a0f
rgb(250,154,15)
-
#faa222
#faa222
rgb(250,162,34)
-
#faaa35
#faaa35
rgb(250,170,53)
-
#fbb248
#fbb248
rgb(251,178,72)
-
#fbba5c
#fbba5c
rgb(251,186,92)
-
#fcc26f
#fcc26f
rgb(252,194,111)
-
#fcca82
#fcca82
rgb(252,202,130)
-
#fdd295
#fdd295
rgb(253,210,149)
-
#fddba8
#fddba8
rgb(253,219,168)
-
#fde3bb
#fde3bb
rgb(253,227,187)
-
#feebcf
#feebcf
rgb(254,235,207)
-
#fef3e2
#fef3e2
rgb(254,243,226)
-
#fffbf5
#fffbf5
rgb(255,251,245)
Tones of #faa222
A tone is produced by adding gray to any pure hue. In this case, #928f8a is the less saturated color, while #faa222 is the most saturated one.
-
#928f8a
#928f8a
rgb(146,143,138)
-
#9a9082
#9a9082
rgb(154,144,130)
-
#a39279
#a39279
rgb(163,146,121)
-
#ac9470
#ac9470
rgb(172,148,112)
-
#b49568
#b49568
rgb(180,149,104)
-
#bd975f
#bd975f
rgb(189,151,95)
-
#c69856
#c69856
rgb(198,152,86)
-
#cf9a4d
#cf9a4d
rgb(207,154,77)
-
#d79c45
#d79c45
rgb(215,156,69)
-
#e09d3c
#e09d3c
rgb(224,157,60)
-
#e99f33
#e99f33
rgb(233,159,51)
-
#f1a02b
#f1a02b
rgb(241,160,43)
-
#faa222
#faa222
rgb(250,162,34)
Color Blindness Simulator
Below, you can see how #faa222 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.