#f7a702 Color Information
In a RGB color space, hex #f7a702 is composed of 96.9% red, 65.5% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.4% magenta, 99.2% yellow and 3.1% black. It has a hue angle of 40.4 degrees, a saturation of 98.4% and a lightness of 48.8%. #f7a702 color hex could be obtained by blending #ffff04 with #ef4f00. Closest websafe color is: #ff9900.
-
- R 97
- G 65
- B 1
-
- C 0
- M 32
- Y 99
- K 3
● #f7a702 color description : Vivid orange.
#f7a702 Color Conversion
The hexadecimal color #f7a702 has RGB values of R:247, G:167, B:2 and CMYK values of C:0, M:0.32, Y:0.99, K:0.03. Its decimal value is 16230146.
Hex triplet | f7a702 | #f7a702 |
---|---|---|
RGB Decimal | 247, 167, 2 | rgb(247,167,2) |
RGB Percent | 96.9, 65.5, 0.8 | rgb(96.9%,65.5%,0.8%) |
CMYK | 0, 32, 99, 3 | |
HSL | 40.4°, 98.4, 48.8 | hsl(40.4,98.4%,48.8%) |
HSV (or HSB) | 40.4°, 99.2, 96.9 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 74.457, 19.531, 77.949 |
---|---|
XYZ | 52.189, 47.42, 6.462 |
xyY | 0.492, 0.447, 47.42 |
CIE-LCH | 74.457, 80.359, 75.934 |
CIE-LUV | 74.457, 66.609, 74.346 |
Hunter-Lab | 68.862, 14.773, 42.64 |
Binary | 11110111, 10100111, 00000010 |
Color Schemes with #f7a702
Alternatives to #f7a702
Below, you can see some colors close to #f7a702. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7a702 Preview
This text has a font color of #f7a702.
<span style="color:#f7a702;">Text here</span>
This paragraph has a background color of #f7a702.
<p style="background-color:#f7a702;">Content here</p>
This element has a border color of #f7a702.
<div style="border:1px solid #f7a702;">Content here</div>
.text {color:#f7a702;}
.background {background-color:#f7a702;}
.border {border:1px solid #f7a702;}
Shades and Tints of #f7a702
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, #0e0900 is the darkest color, while #fffdf9 is the lightest one.
-
#0e0900
#0e0900
rgb(14,9,0)
-
#211600
#211600
rgb(33,22,0)
-
#342300
#342300
rgb(52,35,0)
-
#483101
#483101
rgb(72,49,1)
-
#5b3e01
#5b3e01
rgb(91,62,1)
-
#6f4b01
#6f4b01
rgb(111,75,1)
-
#825801
#825801
rgb(130,88,1)
-
#966501
#966501
rgb(150,101,1)
-
#a97201
#a97201
rgb(169,114,1)
-
#bd8002
#bd8002
rgb(189,128,2)
-
#d08d02
#d08d02
rgb(208,141,2)
-
#e49a02
#e49a02
rgb(228,154,2)
-
#f7a702
#f7a702
rgb(247,167,2)
-
#fdb010
#fdb010
rgb(253,176,16)
-
#fdb623
#fdb623
rgb(253,182,35)
-
#fdbc36
#fdbc36
rgb(253,188,54)
-
#fec34a
#fec34a
rgb(254,195,74)
-
#fec95d
#fec95d
rgb(254,201,93)
-
#fed071
#fed071
rgb(254,208,113)
-
#fed684
#fed684
rgb(254,214,132)
-
#fedd98
#fedd98
rgb(254,221,152)
-
#fee3ab
#fee3ab
rgb(254,227,171)
-
#feeabf
#feeabf
rgb(254,234,191)
-
#fff0d2
#fff0d2
rgb(255,240,210)
-
#fff7e6
#fff7e6
rgb(255,247,230)
-
#fffdf9
#fffdf9
rgb(255,253,249)
Tones of #f7a702
A tone is produced by adding gray to any pure hue. In this case, #847f75 is the less saturated color, while #f7a702 is the most saturated one.
-
#847f75
#847f75
rgb(132,127,117)
-
#8e826b
#8e826b
rgb(142,130,107)
-
#978662
#978662
rgb(151,134,98)
-
#a18958
#a18958
rgb(161,137,88)
-
#aa8c4f
#aa8c4f
rgb(170,140,79)
-
#b49045
#b49045
rgb(180,144,69)
-
#be933b
#be933b
rgb(190,147,59)
-
#c79632
#c79632
rgb(199,150,50)
-
#d19a28
#d19a28
rgb(209,154,40)
-
#da9d1f
#da9d1f
rgb(218,157,31)
-
#e4a015
#e4a015
rgb(228,160,21)
-
#eda40c
#eda40c
rgb(237,164,12)
-
#f7a702
#f7a702
rgb(247,167,2)
Color Blindness Simulator
Below, you can see how #f7a702 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.