#fa500f Color Information
In a RGB color space, hex #fa500f is composed of 98% red, 31.4% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68% magenta, 94% yellow and 2% black. It has a hue angle of 16.6 degrees, a saturation of 95.9% and a lightness of 52%. #fa500f color hex could be obtained by blending #ffa01e with #f50000. Closest websafe color is: #ff6600.
-
- R 98
- G 31
- B 6
-
- C 0
- M 68
- Y 94
- K 2
● #fa500f color description : Vivid orange.
#fa500f Color Conversion
The hexadecimal color #fa500f has RGB values of R:250, G:80, B:15 and CMYK values of C:0, M:0.68, Y:0.94, K:0.02. Its decimal value is 16404495.
Hex triplet | fa500f | #fa500f |
---|---|---|
RGB Decimal | 250, 80, 15 | rgb(250,80,15) |
RGB Percent | 98, 31.4, 5.9 | rgb(98%,31.4%,5.9%) |
CMYK | 0, 68, 94, 2 | |
HSL | 16.6°, 95.9, 52 | hsl(16.6,95.9%,52%) |
HSV (or HSB) | 16.6°, 94, 98 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 58.133, 62.45, 65.722 |
---|---|
XYZ | 42.381, 26.101, 3.258 |
xyY | 0.591, 0.364, 26.101 |
CIE-LCH | 58.133, 90.661, 46.462 |
CIE-LUV | 58.133, 139.249, 46.197 |
Hunter-Lab | 51.089, 58.671, 31.981 |
Binary | 11111010, 01010000, 00001111 |
Color Schemes with #fa500f
Alternatives to #fa500f
Below, you can see some colors close to #fa500f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fa500f Preview
This text has a font color of #fa500f.
<span style="color:#fa500f;">Text here</span>
This paragraph has a background color of #fa500f.
<p style="background-color:#fa500f;">Content here</p>
This element has a border color of #fa500f.
<div style="border:1px solid #fa500f;">Content here</div>
.text {color:#fa500f;}
.background {background-color:#fa500f;}
.border {border:1px solid #fa500f;}
Shades and Tints of #fa500f
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, #0a0300 is the darkest color, while #fff8f6 is the lightest one.
-
#0a0300
#0a0300
rgb(10,3,0)
-
#1d0801
#1d0801
rgb(29,8,1)
-
#300e01
#300e01
rgb(48,14,1)
-
#431401
#431401
rgb(67,20,1)
-
#571902
#571902
rgb(87,25,2)
-
#6a1f02
#6a1f02
rgb(106,31,2)
-
#7d2403
#7d2403
rgb(125,36,3)
-
#902a03
#902a03
rgb(144,42,3)
-
#a43003
#a43003
rgb(164,48,3)
-
#b73504
#b73504
rgb(183,53,4)
-
#ca3b04
#ca3b04
rgb(202,59,4)
-
#dd4105
#dd4105
rgb(221,65,5)
-
#f04605
#f04605
rgb(240,70,5)
-
#fa500f
#fa500f
rgb(250,80,15)
-
#fa5e22
#fa5e22
rgb(250,94,34)
-
#fb6c35
#fb6c35
rgb(251,108,53)
-
#fb7a49
#fb7a49
rgb(251,122,73)
-
#fc885c
#fc885c
rgb(252,136,92)
-
#fc966f
#fc966f
rgb(252,150,111)
-
#fca482
#fca482
rgb(252,164,130)
-
#fdb296
#fdb296
rgb(253,178,150)
-
#fdc0a9
#fdc0a9
rgb(253,192,169)
-
#fecebc
#fecebc
rgb(254,206,188)
-
#fedccf
#fedccf
rgb(254,220,207)
-
#feeae2
#feeae2
rgb(254,234,226)
-
#fff8f6
#fff8f6
rgb(255,248,246)
Tones of #fa500f
A tone is produced by adding gray to any pure hue. In this case, #898380 is the less saturated color, while #fa500f is the most saturated one.
-
#898380
#898380
rgb(137,131,128)
-
#927e77
#927e77
rgb(146,126,119)
-
#9c7a6d
#9c7a6d
rgb(156,122,109)
-
#a57664
#a57664
rgb(165,118,100)
-
#af725a
#af725a
rgb(175,114,90)
-
#b86d51
#b86d51
rgb(184,109,81)
-
#c16948
#c16948
rgb(193,105,72)
-
#cb653e
#cb653e
rgb(203,101,62)
-
#d46135
#d46135
rgb(212,97,53)
-
#de5d2b
#de5d2b
rgb(222,93,43)
-
#e75822
#e75822
rgb(231,88,34)
-
#f15418
#f15418
rgb(241,84,24)
-
#fa500f
#fa500f
rgb(250,80,15)
Color Blindness Simulator
Below, you can see how #fa500f 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.