#faaa20 Color Information
In a RGB color space, hex #faaa20 is composed of 98% red, 66.7% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32% magenta, 87.2% yellow and 2% black. It has a hue angle of 38 degrees, a saturation of 95.6% and a lightness of 55.3%. #faaa20 color hex could be obtained by blending #ffff40 with #f55500. Closest websafe color is: #ff9933.
-
- R 98
- G 67
- B 13
-
- C 0
- M 32
- Y 87
- K 2
● #faaa20 color description : Vivid orange.
#faaa20 Color Conversion
The hexadecimal color #faaa20 has RGB values of R:250, G:170, B:32 and CMYK values of C:0, M:0.32, Y:0.87, K:0.02. Its decimal value is 16427552.
| Hex triplet | faaa20 | #faaa20 |
|---|---|---|
| RGB Decimal | 250, 170, 32 | rgb(250,170,32) |
| RGB Percent | 98, 66.7, 12.5 | rgb(98%,66.7%,12.5%) |
| CMYK | 0, 32, 87, 2 | |
| HSL | 38°, 95.6, 55.3 | hsl(38,95.6%,55.3%) |
| HSV (or HSB) | 38°, 87.2, 98 | |
| Web Safe | ff9933 | #ff9933 |
| CIE-LAB | 75.564, 19.6, 74.059 |
|---|---|
| XYZ | 54.061, 49.181, 8.012 |
| xyY | 0.486, 0.442, 49.181 |
| CIE-LCH | 75.564, 76.609, 75.177 |
| CIE-LUV | 75.564, 66.037, 72.915 |
| Hunter-Lab | 70.129, 14.875, 42.317 |
| Binary | 11111010, 10101010, 00100000 |
Color Schemes with #faaa20
Alternatives to #faaa20
Below, you can see some colors close to #faaa20. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#faaa20 Preview
This text has a font color of #faaa20.
<span style="color:#faaa20;">Text here</span>
This paragraph has a background color of #faaa20.
<p style="background-color:#faaa20;">Content here</p>
This element has a border color of #faaa20.
<div style="border:1px solid #faaa20;">Content here</div>
.text {color:#faaa20;}
.background {background-color:#faaa20;}
.border {border:1px solid #faaa20;}
Shades and Tints of #faaa20
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, #070500 is the darkest color, while #fffaf3 is the lightest one.
-
#070500
#070500rgb(7,5,0) -
#1a1101
#1a1101rgb(26,17,1) -
#2e1d01
#2e1d01rgb(46,29,1) -
#412a01
#412a01rgb(65,42,1) -
#543602
#543602rgb(84,54,2) -
#674202
#674202rgb(103,66,2) -
#7a4e03
#7a4e03rgb(122,78,3) -
#8e5b03
#8e5b03rgb(142,91,3) -
#a16704
#a16704rgb(161,103,4) -
#b47304
#b47304rgb(180,115,4) -
#c78004
#c78004rgb(199,128,4) -
#da8c05
#da8c05rgb(218,140,5) -
#ed9805
#ed9805rgb(237,152,5)
-
#faa30d
#faa30drgb(250,163,13) -
#faaa20
#faaa20rgb(250,170,32) -
#fab133
#fab133rgb(250,177,51) -
#fbb946
#fbb946rgb(251,185,70) -
#fbc05a
#fbc05argb(251,192,90) -
#fcc76d
#fcc76drgb(252,199,109) -
#fccf80
#fccf80rgb(252,207,128) -
#fdd693
#fdd693rgb(253,214,147) -
#fddda6
#fddda6rgb(253,221,166) -
#fde5b9
#fde5b9rgb(253,229,185) -
#feeccd
#feeccdrgb(254,236,205) -
#fef3e0
#fef3e0rgb(254,243,224) -
#fffaf3
#fffaf3rgb(255,250,243)
Tones of #faaa20
A tone is produced by adding gray to any pure hue. In this case, #918e89 is the less saturated color, while #faaa20 is the most saturated one.
-
#918e89
#918e89rgb(145,142,137) -
#9a9080
#9a9080rgb(154,144,128) -
#a29378
#a29378rgb(162,147,120) -
#ab956f
#ab956frgb(171,149,111) -
#b49766
#b49766rgb(180,151,102) -
#bd9a5d
#bd9a5drgb(189,154,93) -
#c59c55
#c59c55rgb(197,156,85) -
#ce9e4c
#ce9e4crgb(206,158,76) -
#d7a143
#d7a143rgb(215,161,67) -
#e0a33a
#e0a33argb(224,163,58) -
#e8a532
#e8a532rgb(232,165,50) -
#f1a829
#f1a829rgb(241,168,41) -
#faaa20
#faaa20rgb(250,170,32)
Color Blindness Simulator
Below, you can see how #faaa20 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.
