#f5a702 Color Information
In a RGB color space, hex #f5a702 is composed of 96.1% red, 65.5% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.8% magenta, 99.2% yellow and 3.9% black. It has a hue angle of 40.7 degrees, a saturation of 98.4% and a lightness of 48.4%. #f5a702 color hex could be obtained by blending #ffff04 with #eb4f00. Closest websafe color is: #ff9900.
-
- R 96
- G 65
- B 1
-
- C 0
- M 32
- Y 99
- K 4
● #f5a702 color description : Vivid orange.
#f5a702 Color Conversion
The hexadecimal color #f5a702 has RGB values of R:245, G:167, B:2 and CMYK values of C:0, M:0.32, Y:0.99, K:0.04. Its decimal value is 16099074.
Hex triplet | f5a702 | #f5a702 |
---|---|---|
RGB Decimal | 245, 167, 2 | rgb(245,167,2) |
RGB Percent | 96.1, 65.5, 0.8 | rgb(96.1%,65.5%,0.8%) |
CMYK | 0, 32, 99, 4 | |
HSL | 40.7°, 98.4, 48.4 | hsl(40.7,98.4%,48.4%) |
HSV (or HSB) | 40.7°, 99.2, 96.1 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 74.227, 18.682, 77.684 |
---|---|
XYZ | 51.487, 47.058, 6.429 |
xyY | 0.49, 0.448, 47.058 |
CIE-LCH | 74.227, 79.899, 76.478 |
CIE-LUV | 74.227, 64.979, 74.288 |
Hunter-Lab | 68.599, 13.927, 42.463 |
Binary | 11110101, 10100111, 00000010 |
Color Schemes with #f5a702
Alternatives to #f5a702
Below, you can see some colors close to #f5a702. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5a702 Preview
This text has a font color of #f5a702.
<span style="color:#f5a702;">Text here</span>
This paragraph has a background color of #f5a702.
<p style="background-color:#f5a702;">Content here</p>
This element has a border color of #f5a702.
<div style="border:1px solid #f5a702;">Content here</div>
.text {color:#f5a702;}
.background {background-color:#f5a702;}
.border {border:1px solid #f5a702;}
Shades and Tints of #f5a702
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, #0c0800 is the darkest color, while #fffcf7 is the lightest one.
-
#0c0800
#0c0800
rgb(12,8,0)
-
#1f1500
#1f1500
rgb(31,21,0)
-
#322200
#322200
rgb(50,34,0)
-
#463001
#463001
rgb(70,48,1)
-
#593d01
#593d01
rgb(89,61,1)
-
#6d4a01
#6d4a01
rgb(109,74,1)
-
#805701
#805701
rgb(128,87,1)
-
#946501
#946501
rgb(148,101,1)
-
#a77201
#a77201
rgb(167,114,1)
-
#bb7f02
#bb7f02
rgb(187,127,2)
-
#ce8c02
#ce8c02
rgb(206,140,2)
-
#e29a02
#e29a02
rgb(226,154,2)
-
#f5a702
#f5a702
rgb(245,167,2)
-
#fdb00e
#fdb00e
rgb(253,176,14)
-
#fdb721
#fdb721
rgb(253,183,33)
-
#fdbd34
#fdbd34
rgb(253,189,52)
-
#fec348
#fec348
rgb(254,195,72)
-
#feca5b
#feca5b
rgb(254,202,91)
-
#fed06f
#fed06f
rgb(254,208,111)
-
#fed682
#fed682
rgb(254,214,130)
-
#fedd96
#fedd96
rgb(254,221,150)
-
#fee3a9
#fee3a9
rgb(254,227,169)
-
#fee9bd
#fee9bd
rgb(254,233,189)
-
#fff0d0
#fff0d0
rgb(255,240,208)
-
#fff6e4
#fff6e4
rgb(255,246,228)
-
#fffcf7
#fffcf7
rgb(255,252,247)
Tones of #f5a702
A tone is produced by adding gray to any pure hue. In this case, #837e74 is the less saturated color, while #f5a702 is the most saturated one.
-
#837e74
#837e74
rgb(131,126,116)
-
#8d826b
#8d826b
rgb(141,130,107)
-
#968561
#968561
rgb(150,133,97)
-
#a08858
#a08858
rgb(160,136,88)
-
#a98c4e
#a98c4e
rgb(169,140,78)
-
#b38f45
#b38f45
rgb(179,143,69)
-
#bc933b
#bc933b
rgb(188,147,59)
-
#c69632
#c69632
rgb(198,150,50)
-
#cf9928
#cf9928
rgb(207,153,40)
-
#d99d1f
#d99d1f
rgb(217,157,31)
-
#e2a015
#e2a015
rgb(226,160,21)
-
#eca40c
#eca40c
rgb(236,164,12)
-
#f5a702
#f5a702
rgb(245,167,2)
Color Blindness Simulator
Below, you can see how #f5a702 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.