#fa5501 Color Information
In a RGB color space, hex #fa5501 is composed of 98% red, 33.3% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66% magenta, 99.6% yellow and 2% black. It has a hue angle of 20.2 degrees, a saturation of 99.2% and a lightness of 49.2%. #fa5501 color hex could be obtained by blending #ffaa02 with #f50000. Closest websafe color is: #ff6600.
-
- R 98
- G 33
- B 0
-
- C 0
- M 66
- Y 100
- K 2
● #fa5501 color description : Vivid orange.
#fa5501 Color Conversion
The hexadecimal color #fa5501 has RGB values of R:250, G:85, B:1 and CMYK values of C:0, M:0.66, Y:1, K:0.02. Its decimal value is 16405761.
| Hex triplet | fa5501 | #fa5501 |
|---|---|---|
| RGB Decimal | 250, 85, 1 | rgb(250,85,1) |
| RGB Percent | 98, 33.3, 0.4 | rgb(98%,33.3%,0.4%) |
| CMYK | 0, 66, 100, 2 | |
| HSL | 20.2°, 99.2, 49.2 | hsl(20.2,99.2%,49.2%) |
| HSV (or HSB) | 20.2°, 99.6, 98 | |
| Web Safe | ff6600 | #ff6600 |
| CIE-LAB | 58.815, 60.405, 68.856 |
|---|---|
| XYZ | 42.68, 26.828, 2.96 |
| xyY | 0.589, 0.37, 26.828 |
| CIE-LCH | 58.815, 91.597, 48.74 |
| CIE-LUV | 58.815, 136.261, 48.567 |
| Hunter-Lab | 51.796, 56.443, 32.869 |
| Binary | 11111010, 01010101, 00000001 |
Color Schemes with #fa5501
Alternatives to #fa5501
Below, you can see some colors close to #fa5501. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fa5501 Preview
This text has a font color of #fa5501.
<span style="color:#fa5501;">Text here</span>
This paragraph has a background color of #fa5501.
<p style="background-color:#fa5501;">Content here</p>
This element has a border color of #fa5501.
<div style="border:1px solid #fa5501;">Content here</div>
.text {color:#fa5501;}
.background {background-color:#fa5501;}
.border {border:1px solid #fa5501;}
Shades and Tints of #fa5501
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, #100500 is the darkest color, while #fffcfb is the lightest one.
-
#100500
#100500rgb(16,5,0) -
#230c00
#230c00rgb(35,12,0) -
#371300
#371300rgb(55,19,0) -
#4a1900
#4a1900rgb(74,25,0) -
#5e2000
#5e2000rgb(94,32,0) -
#712700
#712700rgb(113,39,0) -
#852d01
#852d01rgb(133,45,1) -
#983401
#983401rgb(152,52,1) -
#ac3a01
#ac3a01rgb(172,58,1) -
#bf4101
#bf4101rgb(191,65,1) -
#d34801
#d34801rgb(211,72,1) -
#e64e01
#e64e01rgb(230,78,1) -
#fa5501
#fa5501rgb(250,85,1)
-
#fe6111
#fe6111rgb(254,97,17) -
#fe6e24
#fe6e24rgb(254,110,36) -
#fe7b38
#fe7b38rgb(254,123,56) -
#fe884b
#fe884brgb(254,136,75) -
#fe955f
#fe955frgb(254,149,95) -
#fea272
#fea272rgb(254,162,114) -
#ffaf86
#ffaf86rgb(255,175,134) -
#ffbb99
#ffbb99rgb(255,187,153) -
#ffc8ad
#ffc8adrgb(255,200,173) -
#ffd5c0
#ffd5c0rgb(255,213,192) -
#ffe2d4
#ffe2d4rgb(255,226,212) -
#ffefe7
#ffefe7rgb(255,239,231) -
#fffcfb
#fffcfbrgb(255,252,251)
Tones of #fa5501
A tone is produced by adding gray to any pure hue. In this case, #867b75 is the less saturated color, while #fa5501 is the most saturated one.
-
#867b75
#867b75rgb(134,123,117) -
#90786b
#90786brgb(144,120,107) -
#997462
#997462rgb(153,116,98) -
#a37158
#a37158rgb(163,113,88) -
#ad6e4e
#ad6e4ergb(173,110,78) -
#b66b45
#b66b45rgb(182,107,69) -
#c0683b
#c0683brgb(192,104,59) -
#ca6531
#ca6531rgb(202,101,49) -
#d36228
#d36228rgb(211,98,40) -
#dd5e1e
#dd5e1ergb(221,94,30) -
#e75b14
#e75b14rgb(231,91,20) -
#f0580b
#f0580brgb(240,88,11) -
#fa5501
#fa5501rgb(250,85,1)
Color Blindness Simulator
Below, you can see how #fa5501 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.
