#f5a310 Color Information
In a RGB color space, hex #f5a310 is composed of 96.1% red, 63.9% green and 6.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.5% magenta, 93.5% yellow and 3.9% black. It has a hue angle of 38.5 degrees, a saturation of 92% and a lightness of 51.2%. #f5a310 color hex could be obtained by blending #ffff20 with #eb4700. Closest websafe color is: #ff9900.
-
- R 96
- G 64
- B 6
-
- C 0
- M 33
- Y 93
- K 4
● #f5a310 color description : Vivid orange.
#f5a310 Color Conversion
The hexadecimal color #f5a310 has RGB values of R:245, G:163, B:16 and CMYK values of C:0, M:0.33, Y:0.93, K:0.04. Its decimal value is 16098064.
Hex triplet | f5a310 | #f5a310 |
---|---|---|
RGB Decimal | 245, 163, 16 | rgb(245,163,16) |
RGB Percent | 96.1, 63.9, 6.3 | rgb(96.1%,63.9%,6.3%) |
CMYK | 0, 33, 93, 4 | |
HSL | 38.5°, 92, 51.2 | hsl(38.5,92%,51.2%) |
HSV (or HSB) | 38.5°, 93.5, 96.1 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 73.316, 20.913, 75.338 |
---|---|
XYZ | 50.848, 45.648, 6.623 |
xyY | 0.493, 0.443, 45.648 |
CIE-LCH | 73.316, 78.186, 74.486 |
CIE-LUV | 73.316, 68.052, 71.957 |
Hunter-Lab | 67.563, 16.104, 41.482 |
Binary | 11110101, 10100011, 00010000 |
Color Schemes with #f5a310
Alternatives to #f5a310
Below, you can see some colors close to #f5a310. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5a310 Preview
This text has a font color of #f5a310.
<span style="color:#f5a310;">Text here</span>
This paragraph has a background color of #f5a310.
<p style="background-color:#f5a310;">Content here</p>
This element has a border color of #f5a310.
<div style="border:1px solid #f5a310;">Content here</div>
.text {color:#f5a310;}
.background {background-color:#f5a310;}
.border {border:1px solid #f5a310;}
Shades and Tints of #f5a310
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, #060400 is the darkest color, while #fefaf2 is the lightest one.
-
#060400
#060400
rgb(6,4,0)
-
#191001
#191001
rgb(25,16,1)
-
#2b1d02
#2b1d02
rgb(43,29,2)
-
#3e2903
#3e2903
rgb(62,41,3)
-
#513503
#513503
rgb(81,53,3)
-
#644204
#644204
rgb(100,66,4)
-
#774e05
#774e05
rgb(119,78,5)
-
#8a5a06
#8a5a06
rgb(138,90,6)
-
#9c6707
#9c6707
rgb(156,103,7)
-
#af7307
#af7307
rgb(175,115,7)
-
#c27f08
#c27f08
rgb(194,127,8)
-
#d58c09
#d58c09
rgb(213,140,9)
-
#e8980a
#e8980a
rgb(232,152,10)
-
#f5a310
#f5a310
rgb(245,163,16)
-
#f6aa23
#f6aa23
rgb(246,170,35)
-
#f7b136
#f7b136
rgb(247,177,54)
-
#f7b948
#f7b948
rgb(247,185,72)
-
#f8c05b
#f8c05b
rgb(248,192,91)
-
#f9c76e
#f9c76e
rgb(249,199,110)
-
#face81
#face81
rgb(250,206,129)
-
#fbd694
#fbd694
rgb(251,214,148)
-
#fbdda7
#fbdda7
rgb(251,221,167)
-
#fce4b9
#fce4b9
rgb(252,228,185)
-
#fdebcc
#fdebcc
rgb(253,235,204)
-
#fef3df
#fef3df
rgb(254,243,223)
-
#fefaf2
#fefaf2
rgb(254,250,242)
Tones of #f5a310
A tone is produced by adding gray to any pure hue. In this case, #8c8579 is the less saturated color, while #ffa606 is the most saturated one.
-
#8c8579
#8c8579
rgb(140,133,121)
-
#958870
#958870
rgb(149,136,112)
-
#9f8b66
#9f8b66
rgb(159,139,102)
-
#a88d5d
#a88d5d
rgb(168,141,93)
-
#b29053
#b29053
rgb(178,144,83)
-
#bc9349
#bc9349
rgb(188,147,73)
-
#c59540
#c59540
rgb(197,149,64)
-
#cf9836
#cf9836
rgb(207,152,54)
-
#d89b2d
#d89b2d
rgb(216,155,45)
-
#e29e23
#e29e23
rgb(226,158,35)
-
#eba01a
#eba01a
rgb(235,160,26)
-
#f5a310
#f5a310
rgb(245,163,16)
-
#ffa606
#ffa606
rgb(255,166,6)
Color Blindness Simulator
Below, you can see how #f5a310 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.