#faa501 Color Information
In a RGB color space, hex #faa501 is composed of 98% red, 64.7% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34% magenta, 99.6% yellow and 2% black. It has a hue angle of 39.5 degrees, a saturation of 99.2% and a lightness of 49.2%. #faa501 color hex could be obtained by blending #ffff02 with #f54b00. Closest websafe color is: #ff9900.
-
- R 98
- G 65
- B 0
-
- C 0
- M 34
- Y 100
- K 2
● #faa501 color description : Vivid orange.
#faa501 Color Conversion
The hexadecimal color #faa501 has RGB values of R:250, G:165, B:1 and CMYK values of C:0, M:0.34, Y:1, K:0.02. Its decimal value is 16426241.
| Hex triplet | faa501 | #faa501 |
|---|---|---|
| RGB Decimal | 250, 165, 1 | rgb(250,165,1) |
| RGB Percent | 98, 64.7, 0.4 | rgb(98%,64.7%,0.4%) |
| CMYK | 0, 34, 100, 2 | |
| HSL | 39.5°, 99.2, 49.2 | hsl(39.5,99.2%,49.2%) |
| HSV (or HSB) | 39.5°, 99.6, 98 | |
| Web Safe | ff9900 | #ff9900 |
| CIE-LAB | 74.343, 21.839, 78.157 |
|---|---|
| XYZ | 52.886, 47.24, 6.362 |
| xyY | 0.497, 0.444, 47.24 |
| CIE-LCH | 74.343, 81.151, 74.388 |
| CIE-LUV | 74.343, 70.719, 73.781 |
| Hunter-Lab | 68.732, 17.069, 42.624 |
| Binary | 11111010, 10100101, 00000001 |
Color Schemes with #faa501
Alternatives to #faa501
Below, you can see some colors close to #faa501. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#faa501 Preview
This text has a font color of #faa501.
<span style="color:#faa501;">Text here</span>
This paragraph has a background color of #faa501.
<p style="background-color:#faa501;">Content here</p>
This element has a border color of #faa501.
<div style="border:1px solid #faa501;">Content here</div>
.text {color:#faa501;}
.background {background-color:#faa501;}
.border {border:1px solid #faa501;}
Shades and Tints of #faa501
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, #100a00 is the darkest color, while #fffefb is the lightest one.
-
#100a00
#100a00rgb(16,10,0) -
#231700
#231700rgb(35,23,0) -
#372400
#372400rgb(55,36,0) -
#4a3100
#4a3100rgb(74,49,0) -
#5e3e00
#5e3e00rgb(94,62,0) -
#714b00
#714b00rgb(113,75,0) -
#855801
#855801rgb(133,88,1) -
#986501
#986501rgb(152,101,1) -
#ac7101
#ac7101rgb(172,113,1) -
#bf7e01
#bf7e01rgb(191,126,1) -
#d38b01
#d38b01rgb(211,139,1) -
#e69801
#e69801rgb(230,152,1) -
#faa501
#faa501rgb(250,165,1)
-
#fead11
#fead11rgb(254,173,17) -
#feb424
#feb424rgb(254,180,36) -
#feba38
#feba38rgb(254,186,56) -
#fec14b
#fec14brgb(254,193,75) -
#fec85f
#fec85frgb(254,200,95) -
#fecf72
#fecf72rgb(254,207,114) -
#ffd586
#ffd586rgb(255,213,134) -
#ffdc99
#ffdc99rgb(255,220,153) -
#ffe3ad
#ffe3adrgb(255,227,173) -
#ffe9c0
#ffe9c0rgb(255,233,192) -
#fff0d4
#fff0d4rgb(255,240,212) -
#fff7e7
#fff7e7rgb(255,247,231) -
#fffefb
#fffefbrgb(255,254,251)
Tones of #faa501
A tone is produced by adding gray to any pure hue. In this case, #868075 is the less saturated color, while #faa501 is the most saturated one.
-
#868075
#868075rgb(134,128,117) -
#90836b
#90836brgb(144,131,107) -
#998662
#998662rgb(153,134,98) -
#a38958
#a38958rgb(163,137,88) -
#ad8c4e
#ad8c4ergb(173,140,78) -
#b69045
#b69045rgb(182,144,69) -
#c0933b
#c0933brgb(192,147,59) -
#ca9631
#ca9631rgb(202,150,49) -
#d39928
#d39928rgb(211,153,40) -
#dd9c1e
#dd9c1ergb(221,156,30) -
#e79f14
#e79f14rgb(231,159,20) -
#f0a20b
#f0a20brgb(240,162,11) -
#faa501
#faa501rgb(250,165,1)
Color Blindness Simulator
Below, you can see how #faa501 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.
