#f5a301 Color Information
In a RGB color space, hex #f5a301 is composed of 96.1% red, 63.9% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.5% magenta, 99.6% yellow and 3.9% black. It has a hue angle of 39.8 degrees, a saturation of 99.2% and a lightness of 48.2%. #f5a301 color hex could be obtained by blending #ffff02 with #eb4700. Closest websafe color is: #ff9900.
-
- R 96
- G 64
- B 0
-
- C 0
- M 33
- Y 100
- K 4
● #f5a301 color description : Vivid orange.
#f5a301 Color Conversion
The hexadecimal color #f5a301 has RGB values of R:245, G:163, B:1 and CMYK values of C:0, M:0.33, Y:1, K:0.04. Its decimal value is 16098049.
Hex triplet | f5a301 | #f5a301 |
---|---|---|
RGB Decimal | 245, 163, 1 | rgb(245,163,1) |
RGB Percent | 96.1, 63.9, 0.4 | rgb(96.1%,63.9%,0.4%) |
CMYK | 0, 33, 100, 4 | |
HSL | 39.8°, 99.2, 48.2 | hsl(39.8,99.2%,48.2%) |
HSV (or HSB) | 39.8°, 99.6, 96.1 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 73.293, 20.777, 77.178 |
---|---|
XYZ | 50.76, 45.613, 6.16 |
xyY | 0.495, 0.445, 45.613 |
CIE-LCH | 73.293, 79.926, 74.933 |
CIE-LUV | 73.293, 68.269, 72.914 |
Hunter-Lab | 67.537, 15.969, 41.869 |
Binary | 11110101, 10100011, 00000001 |
Color Schemes with #f5a301
Alternatives to #f5a301
Below, you can see some colors close to #f5a301. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5a301 Preview
This text has a font color of #f5a301.
<span style="color:#f5a301;">Text here</span>
This paragraph has a background color of #f5a301.
<p style="background-color:#f5a301;">Content here</p>
This element has a border color of #f5a301.
<div style="border:1px solid #f5a301;">Content here</div>
.text {color:#f5a301;}
.background {background-color:#f5a301;}
.border {border:1px solid #f5a301;}
Shades and Tints of #f5a301
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, #0b0700 is the darkest color, while #fffcf6 is the lightest one.
-
#0b0700
#0b0700
rgb(11,7,0)
-
#1e1400
#1e1400
rgb(30,20,0)
-
#322100
#322100
rgb(50,33,0)
-
#452e00
#452e00
rgb(69,46,0)
-
#593b00
#593b00
rgb(89,59,0)
-
#6c4800
#6c4800
rgb(108,72,0)
-
#805501
#805501
rgb(128,85,1)
-
#936201
#936201
rgb(147,98,1)
-
#a76f01
#a76f01
rgb(167,111,1)
-
#ba7c01
#ba7c01
rgb(186,124,1)
-
#ce8901
#ce8901
rgb(206,137,1)
-
#e19601
#e19601
rgb(225,150,1)
-
#f5a301
#f5a301
rgb(245,163,1)
-
#fead0c
#fead0c
rgb(254,173,12)
-
#feb31f
#feb31f
rgb(254,179,31)
-
#feba33
#feba33
rgb(254,186,51)
-
#fec046
#fec046
rgb(254,192,70)
-
#fec75a
#fec75a
rgb(254,199,90)
-
#fece6d
#fece6d
rgb(254,206,109)
-
#fed481
#fed481
rgb(254,212,129)
-
#ffdb94
#ffdb94
rgb(255,219,148)
-
#ffe1a8
#ffe1a8
rgb(255,225,168)
-
#ffe8bb
#ffe8bb
rgb(255,232,187)
-
#ffefcf
#ffefcf
rgb(255,239,207)
-
#fff5e3
#fff5e3
rgb(255,245,227)
-
#fffcf6
#fffcf6
rgb(255,252,246)
Tones of #f5a301
A tone is produced by adding gray to any pure hue. In this case, #837e73 is the less saturated color, while #f5a301 is the most saturated one.
-
#837e73
#837e73
rgb(131,126,115)
-
#8d8169
#8d8169
rgb(141,129,105)
-
#968460
#968460
rgb(150,132,96)
-
#a08756
#a08756
rgb(160,135,86)
-
#a98a4d
#a98a4d
rgb(169,138,77)
-
#b38d43
#b38d43
rgb(179,141,67)
-
#bc903a
#bc903a
rgb(188,144,58)
-
#c69330
#c69330
rgb(198,147,48)
-
#cf9727
#cf9727
rgb(207,151,39)
-
#d99a1d
#d99a1d
rgb(217,154,29)
-
#e29d14
#e29d14
rgb(226,157,20)
-
#eca00a
#eca00a
rgb(236,160,10)
-
#f5a301
#f5a301
rgb(245,163,1)
Color Blindness Simulator
Below, you can see how #f5a301 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.