#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
#100500
rgb(16,5,0)
-
#230c00
#230c00
rgb(35,12,0)
-
#371300
#371300
rgb(55,19,0)
-
#4a1900
#4a1900
rgb(74,25,0)
-
#5e2000
#5e2000
rgb(94,32,0)
-
#712700
#712700
rgb(113,39,0)
-
#852d01
#852d01
rgb(133,45,1)
-
#983401
#983401
rgb(152,52,1)
-
#ac3a01
#ac3a01
rgb(172,58,1)
-
#bf4101
#bf4101
rgb(191,65,1)
-
#d34801
#d34801
rgb(211,72,1)
-
#e64e01
#e64e01
rgb(230,78,1)
-
#fa5501
#fa5501
rgb(250,85,1)
-
#fe6111
#fe6111
rgb(254,97,17)
-
#fe6e24
#fe6e24
rgb(254,110,36)
-
#fe7b38
#fe7b38
rgb(254,123,56)
-
#fe884b
#fe884b
rgb(254,136,75)
-
#fe955f
#fe955f
rgb(254,149,95)
-
#fea272
#fea272
rgb(254,162,114)
-
#ffaf86
#ffaf86
rgb(255,175,134)
-
#ffbb99
#ffbb99
rgb(255,187,153)
-
#ffc8ad
#ffc8ad
rgb(255,200,173)
-
#ffd5c0
#ffd5c0
rgb(255,213,192)
-
#ffe2d4
#ffe2d4
rgb(255,226,212)
-
#ffefe7
#ffefe7
rgb(255,239,231)
-
#fffcfb
#fffcfb
rgb(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
#867b75
rgb(134,123,117)
-
#90786b
#90786b
rgb(144,120,107)
-
#997462
#997462
rgb(153,116,98)
-
#a37158
#a37158
rgb(163,113,88)
-
#ad6e4e
#ad6e4e
rgb(173,110,78)
-
#b66b45
#b66b45
rgb(182,107,69)
-
#c0683b
#c0683b
rgb(192,104,59)
-
#ca6531
#ca6531
rgb(202,101,49)
-
#d36228
#d36228
rgb(211,98,40)
-
#dd5e1e
#dd5e1e
rgb(221,94,30)
-
#e75b14
#e75b14
rgb(231,91,20)
-
#f0580b
#f0580b
rgb(240,88,11)
-
#fa5501
#fa5501
rgb(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.