#f7a20e Color Information
In a RGB color space, hex #f7a20e is composed of 96.9% red, 63.5% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.4% magenta, 94.3% yellow and 3.1% black. It has a hue angle of 38.1 degrees, a saturation of 93.6% and a lightness of 51.2%. #f7a20e color hex could be obtained by blending #ffff1c with #ef4500. Closest websafe color is: #ff9900.
-
- R 97
- G 64
- B 5
-
- C 0
- M 34
- Y 94
- K 3
● #f7a20e color description : Vivid orange.
#f7a20e Color Conversion
The hexadecimal color #f7a20e has RGB values of R:247, G:162, B:14 and CMYK values of C:0, M:0.34, Y:0.94, K:0.03. Its decimal value is 16228878.
Hex triplet | f7a20e | #f7a20e |
---|---|---|
RGB Decimal | 247, 162, 14 | rgb(247,162,14) |
RGB Percent | 96.9, 63.5, 5.5 | rgb(96.9%,63.5%,5.5%) |
CMYK | 0, 34, 94, 3 | |
HSL | 38.1°, 93.6, 51.2 | hsl(38.1,93.6%,51.2%) |
HSV (or HSB) | 38.1°, 94.3, 96.9 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 73.318, 22.26, 75.743 |
---|---|
XYZ | 51.359, 45.65, 6.522 |
xyY | 0.496, 0.441, 45.65 |
CIE-LCH | 73.318, 78.946, 73.623 |
CIE-LUV | 73.318, 70.547, 71.819 |
Hunter-Lab | 67.565, 17.446, 41.572 |
Binary | 11110111, 10100010, 00001110 |
Color Schemes with #f7a20e
Alternatives to #f7a20e
Below, you can see some colors close to #f7a20e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7a20e Preview
This text has a font color of #f7a20e.
<span style="color:#f7a20e;">Text here</span>
This paragraph has a background color of #f7a20e.
<p style="background-color:#f7a20e;">Content here</p>
This element has a border color of #f7a20e.
<div style="border:1px solid #f7a20e;">Content here</div>
.text {color:#f7a20e;}
.background {background-color:#f7a20e;}
.border {border:1px solid #f7a20e;}
Shades and Tints of #f7a20e
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 #fffaf2 is the lightest one.
-
#060400
#060400
rgb(6,4,0)
-
#191001
#191001
rgb(25,16,1)
-
#2c1c01
#2c1c01
rgb(44,28,1)
-
#3f2902
#3f2902
rgb(63,41,2)
-
#523503
#523503
rgb(82,53,3)
-
#654103
#654103
rgb(101,65,3)
-
#784d04
#784d04
rgb(120,77,4)
-
#8b5a05
#8b5a05
rgb(139,90,5)
-
#9e6605
#9e6605
rgb(158,102,5)
-
#b17206
#b17206
rgb(177,114,6)
-
#c47f06
#c47f06
rgb(196,127,6)
-
#d78b07
#d78b07
rgb(215,139,7)
-
#ea9708
#ea9708
rgb(234,151,8)
-
#f7a20e
#f7a20e
rgb(247,162,14)
-
#f8a921
#f8a921
rgb(248,169,33)
-
#f8b134
#f8b134
rgb(248,177,52)
-
#f9b847
#f9b847
rgb(249,184,71)
-
#fabf5a
#fabf5a
rgb(250,191,90)
-
#fac76d
#fac76d
rgb(250,199,109)
-
#fbce80
#fbce80
rgb(251,206,128)
-
#fbd593
#fbd593
rgb(251,213,147)
-
#fcdda6
#fcdda6
rgb(252,221,166)
-
#fde4b9
#fde4b9
rgb(253,228,185)
-
#fdebcc
#fdebcc
rgb(253,235,204)
-
#fef3df
#fef3df
rgb(254,243,223)
-
#fffaf2
#fffaf2
rgb(255,250,242)
Tones of #f7a20e
A tone is produced by adding gray to any pure hue. In this case, #848381 is the less saturated color, while #f7a20e is the most saturated one.
-
#848381
#848381
rgb(132,131,129)
-
#8e8677
#8e8677
rgb(142,134,119)
-
#97886e
#97886e
rgb(151,136,110)
-
#a18b64
#a18b64
rgb(161,139,100)
-
#aa8d5b
#aa8d5b
rgb(170,141,91)
-
#b49051
#b49051
rgb(180,144,81)
-
#be9247
#be9247
rgb(190,146,71)
-
#c7953e
#c7953e
rgb(199,149,62)
-
#d19834
#d19834
rgb(209,152,52)
-
#da9a2b
#da9a2b
rgb(218,154,43)
-
#e49d21
#e49d21
rgb(228,157,33)
-
#ed9f18
#ed9f18
rgb(237,159,24)
-
#f7a20e
#f7a20e
rgb(247,162,14)
Color Blindness Simulator
Below, you can see how #f7a20e 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.