#faa522 Color Information
In a RGB color space, hex #faa522 is composed of 98% red, 64.7% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34% magenta, 86.4% yellow and 2% black. It has a hue angle of 36.4 degrees, a saturation of 95.6% and a lightness of 55.7%. #faa522 color hex could be obtained by blending #ffff44 with #f54b00. Closest websafe color is: #ff9933.
-
- R 98
- G 65
- B 13
-
- C 0
- M 34
- Y 86
- K 2
● #faa522 color description : Vivid orange.
#faa522 Color Conversion
The hexadecimal color #faa522 has RGB values of R:250, G:165, B:34 and CMYK values of C:0, M:0.34, Y:0.86, K:0.02. Its decimal value is 16426274.
Hex triplet | faa522 | #faa522 |
---|---|---|
RGB Decimal | 250, 165, 34 | rgb(250,165,34) |
RGB Percent | 98, 64.7, 13.3 | rgb(98%,64.7%,13.3%) |
CMYK | 0, 34, 86, 2 | |
HSL | 36.4°, 95.6, 55.7 | hsl(36.4,95.6%,55.7%) |
HSV (or HSB) | 36.4°, 86.4, 98 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 74.415, 22.261, 72.637 |
---|---|
XYZ | 53.17, 47.354, 7.853 |
xyY | 0.491, 0.437, 47.354 |
CIE-LCH | 74.415, 75.971, 72.961 |
CIE-LUV | 74.415, 70.029, 70.783 |
Hunter-Lab | 68.814, 17.495, 41.403 |
Binary | 11111010, 10100101, 00100010 |
Color Schemes with #faa522
Alternatives to #faa522
Below, you can see some colors close to #faa522. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#faa522 Preview
This text has a font color of #faa522.
<span style="color:#faa522;">Text here</span>
This paragraph has a background color of #faa522.
<p style="background-color:#faa522;">Content here</p>
This element has a border color of #faa522.
<div style="border:1px solid #faa522;">Content here</div>
.text {color:#faa522;}
.background {background-color:#faa522;}
.border {border:1px solid #faa522;}
Shades and Tints of #faa522
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)
-
#432902
#432902
rgb(67,41,2)
-
#563502
#563502
rgb(86,53,2)
-
#694102
#694102
rgb(105,65,2)
-
#7c4c03
#7c4c03
rgb(124,76,3)
-
#8f5803
#8f5803
rgb(143,88,3)
-
#a36404
#a36404
rgb(163,100,4)
-
#b67004
#b67004
rgb(182,112,4)
-
#c97c05
#c97c05
rgb(201,124,5)
-
#dc8705
#dc8705
rgb(220,135,5)
-
#ef9305
#ef9305
rgb(239,147,5)
-
#fa9d0f
#fa9d0f
rgb(250,157,15)
-
#faa522
#faa522
rgb(250,165,34)
-
#faad35
#faad35
rgb(250,173,53)
-
#fbb548
#fbb548
rgb(251,181,72)
-
#fbbc5c
#fbbc5c
rgb(251,188,92)
-
#fcc46f
#fcc46f
rgb(252,196,111)
-
#fccc82
#fccc82
rgb(252,204,130)
-
#fdd495
#fdd495
rgb(253,212,149)
-
#fddca8
#fddca8
rgb(253,220,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 #faa522
A tone is produced by adding gray to any pure hue. In this case, #928f8a is the less saturated color, while #faa522 is the most saturated one.
-
#928f8a
#928f8a
rgb(146,143,138)
-
#9a9182
#9a9182
rgb(154,145,130)
-
#a39279
#a39279
rgb(163,146,121)
-
#ac9470
#ac9470
rgb(172,148,112)
-
#b49668
#b49668
rgb(180,150,104)
-
#bd985f
#bd985f
rgb(189,152,95)
-
#c69a56
#c69a56
rgb(198,154,86)
-
#cf9c4d
#cf9c4d
rgb(207,156,77)
-
#d79e45
#d79e45
rgb(215,158,69)
-
#e09f3c
#e09f3c
rgb(224,159,60)
-
#e9a133
#e9a133
rgb(233,161,51)
-
#f1a32b
#f1a32b
rgb(241,163,43)
-
#faa522
#faa522
rgb(250,165,34)
Color Blindness Simulator
Below, you can see how #faa522 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.