#f5a309 Color Information
In a RGB color space, hex #f5a309 is composed of 96.1% red, 63.9% green and 3.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.5% magenta, 96.3% yellow and 3.9% black. It has a hue angle of 39.2 degrees, a saturation of 92.9% and a lightness of 49.8%. #f5a309 color hex could be obtained by blending #ffff12 with #eb4700. Closest websafe color is: #ff9900.
-
- R 96
- G 64
- B 4
-
- C 0
- M 33
- Y 96
- K 4
● #f5a309 color description : Vivid orange.
#f5a309 Color Conversion
The hexadecimal color #f5a309 has RGB values of R:245, G:163, B:9 and CMYK values of C:0, M:0.33, Y:0.96, K:0.04. Its decimal value is 16098057.
Hex triplet | f5a309 | #f5a309 |
---|---|---|
RGB Decimal | 245, 163, 9 | rgb(245,163,9) |
RGB Percent | 96.1, 63.9, 3.5 | rgb(96.1%,63.9%,3.5%) |
CMYK | 0, 33, 96, 4 | |
HSL | 39.2°, 92.9, 49.8 | hsl(39.2,92.9%,49.8%) |
HSV (or HSB) | 39.2°, 96.3, 96.1 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 73.305, 20.845, 76.251 |
---|---|
XYZ | 50.804, 45.63, 6.39 |
xyY | 0.494, 0.444, 45.63 |
CIE-LCH | 73.305, 79.048, 74.711 |
CIE-LUV | 73.305, 68.161, 72.437 |
Hunter-Lab | 67.55, 16.036, 41.676 |
Binary | 11110101, 10100011, 00001001 |
Color Schemes with #f5a309
Alternatives to #f5a309
Below, you can see some colors close to #f5a309. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5a309 Preview
This text has a font color of #f5a309.
<span style="color:#f5a309;">Text here</span>
This paragraph has a background color of #f5a309.
<p style="background-color:#f5a309;">Content here</p>
This element has a border color of #f5a309.
<div style="border:1px solid #f5a309;">Content here</div>
.text {color:#f5a309;}
.background {background-color:#f5a309;}
.border {border:1px solid #f5a309;}
Shades and Tints of #f5a309
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, #120c01 is the darkest color, while #fffffe is the lightest one.
-
#120c01
#120c01
rgb(18,12,1)
-
#251901
#251901
rgb(37,25,1)
-
#382502
#382502
rgb(56,37,2)
-
#4b3203
#4b3203
rgb(75,50,3)
-
#5e3e03
#5e3e03
rgb(94,62,3)
-
#714b04
#714b04
rgb(113,75,4)
-
#835705
#835705
rgb(131,87,5)
-
#966406
#966406
rgb(150,100,6)
-
#a97106
#a97106
rgb(169,113,6)
-
#bc7d07
#bc7d07
rgb(188,125,7)
-
#cf8a08
#cf8a08
rgb(207,138,8)
-
#e29608
#e29608
rgb(226,150,8)
-
#f5a309
#f5a309
rgb(245,163,9)
-
#f7aa1b
#f7aa1b
rgb(247,170,27)
-
#f7b12e
#f7b12e
rgb(247,177,46)
-
#f8b841
#f8b841
rgb(248,184,65)
-
#f9bf54
#f9bf54
rgb(249,191,84)
-
#f9c667
#f9c667
rgb(249,198,103)
-
#facd7a
#facd7a
rgb(250,205,122)
-
#fbd48d
#fbd48d
rgb(251,212,141)
-
#fbdc9f
#fbdc9f
rgb(251,220,159)
-
#fce3b2
#fce3b2
rgb(252,227,178)
-
#fdeac5
#fdeac5
rgb(253,234,197)
-
#fef1d8
#fef1d8
rgb(254,241,216)
-
#fef8eb
#fef8eb
rgb(254,248,235)
-
#fffffe
#fffffe
rgb(255,255,254)
Tones of #f5a309
A tone is produced by adding gray to any pure hue. In this case, #807f7e is the less saturated color, while #f5a309 is the most saturated one.
-
#807f7e
#807f7e
rgb(128,127,126)
-
#8a8274
#8a8274
rgb(138,130,116)
-
#93856b
#93856b
rgb(147,133,107)
-
#9d8861
#9d8861
rgb(157,136,97)
-
#a78b57
#a78b57
rgb(167,139,87)
-
#b18e4d
#b18e4d
rgb(177,142,77)
-
#ba9144
#ba9144
rgb(186,145,68)
-
#c4943a
#c4943a
rgb(196,148,58)
-
#ce9730
#ce9730
rgb(206,151,48)
-
#d89a26
#d89a26
rgb(216,154,38)
-
#e19d1d
#e19d1d
rgb(225,157,29)
-
#eba013
#eba013
rgb(235,160,19)
-
#f5a309
#f5a309
rgb(245,163,9)
Color Blindness Simulator
Below, you can see how #f5a309 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.