#faf522 Color Information
In a RGB color space, hex #faf522 is composed of 98% red, 96.1% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2% magenta, 86.4% yellow and 2% black. It has a hue angle of 58.6 degrees, a saturation of 95.6% and a lightness of 55.7%. #faf522 color hex could be obtained by blending #ffff44 with #f5eb00. Closest websafe color is: #ffff33.
-
- R 98
- G 96
- B 13
-
- C 0
- M 2
- Y 86
- K 2
● #faf522 color description : Vivid yellow.
#faf522 Color Conversion
The hexadecimal color #faf522 has RGB values of R:250, G:245, B:34 and CMYK values of C:0, M:0.02, Y:0.86, K:0.02. Its decimal value is 16446754.
Hex triplet | faf522 | #faf522 |
---|---|---|
RGB Decimal | 250, 245, 34 | rgb(250,245,34) |
RGB Percent | 98, 96.1, 13.3 | rgb(98%,96.1%,13.3%) |
CMYK | 0, 2, 86, 2 | |
HSL | 58.6°, 95.6, 55.7 | hsl(58.6,95.6%,55.7%) |
HSV (or HSB) | 58.6°, 86.4, 98 | |
Web Safe | ffff33 | #ffff33 |
CIE-LAB | 94.204, -18.451, 88.459 |
---|---|
XYZ | 72.366, 85.746, 14.252 |
xyY | 0.42, 0.497, 85.746 |
CIE-LCH | 94.204, 90.363, 101.782 |
CIE-LUV | 94.204, 10.687, 100.876 |
Hunter-Lab | 92.599, -22.551, 55.694 |
Binary | 11111010, 11110101, 00100010 |
Color Schemes with #faf522
Alternatives to #faf522
Below, you can see some colors close to #faf522. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#faf522 Preview
This text has a font color of #faf522.
<span style="color:#faf522;">Text here</span>
This paragraph has a background color of #faf522.
<p style="background-color:#faf522;">Content here</p>
This element has a border color of #faf522.
<div style="border:1px solid #faf522;">Content here</div>
.text {color:#faf522;}
.background {background-color:#faf522;}
.border {border:1px solid #faf522;}
Shades and Tints of #faf522
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, #090900 is the darkest color, while #fffff5 is the lightest one.
-
#090900
#090900
rgb(9,9,0)
-
#1c1c01
#1c1c01
rgb(28,28,1)
-
#302e01
#302e01
rgb(48,46,1)
-
#434102
#434102
rgb(67,65,2)
-
#565402
#565402
rgb(86,84,2)
-
#696702
#696702
rgb(105,103,2)
-
#7c7903
#7c7903
rgb(124,121,3)
-
#8f8c03
#8f8c03
rgb(143,140,3)
-
#a39f04
#a39f04
rgb(163,159,4)
-
#b6b204
#b6b204
rgb(182,178,4)
-
#c9c405
#c9c405
rgb(201,196,5)
-
#dcd705
#dcd705
rgb(220,215,5)
-
#efea05
#efea05
rgb(239,234,5)
-
#faf40f
#faf40f
rgb(250,244,15)
-
#faf522
#faf522
rgb(250,245,34)
-
#faf635
#faf635
rgb(250,246,53)
-
#fbf748
#fbf748
rgb(251,247,72)
-
#fbf85c
#fbf85c
rgb(251,248,92)
-
#fcf86f
#fcf86f
rgb(252,248,111)
-
#fcf982
#fcf982
rgb(252,249,130)
-
#fdfa95
#fdfa95
rgb(253,250,149)
-
#fdfba8
#fdfba8
rgb(253,251,168)
-
#fdfcbb
#fdfcbb
rgb(253,252,187)
-
#fefdcf
#fefdcf
rgb(254,253,207)
-
#fefee2
#fefee2
rgb(254,254,226)
-
#fffff5
#fffff5
rgb(255,255,245)
Tones of #faf522
A tone is produced by adding gray to any pure hue. In this case, #92928a is the less saturated color, while #faf522 is the most saturated one.
-
#92928a
#92928a
rgb(146,146,138)
-
#9a9a82
#9a9a82
rgb(154,154,130)
-
#a3a279
#a3a279
rgb(163,162,121)
-
#acaa70
#acaa70
rgb(172,170,112)
-
#b4b368
#b4b368
rgb(180,179,104)
-
#bdbb5f
#bdbb5f
rgb(189,187,95)
-
#c6c356
#c6c356
rgb(198,195,86)
-
#cfcc4d
#cfcc4d
rgb(207,204,77)
-
#d7d445
#d7d445
rgb(215,212,69)
-
#e0dc3c
#e0dc3c
rgb(224,220,60)
-
#e9e433
#e9e433
rgb(233,228,51)
-
#f1ed2b
#f1ed2b
rgb(241,237,43)
-
#faf522
#faf522
rgb(250,245,34)
Color Blindness Simulator
Below, you can see how #faf522 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.