#f7a30e Color Information
In a RGB color space, hex #f7a30e is composed of 96.9% red, 63.9% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34% magenta, 94.3% yellow and 3.1% black. It has a hue angle of 38.4 degrees, a saturation of 93.6% and a lightness of 51.2%. #f7a30e color hex could be obtained by blending #ffff1c with #ef4700. Closest websafe color is: #ff9900.
-
- R 97
- G 64
- B 5
-
- C 0
- M 34
- Y 94
- K 3
● #f7a30e color description : Vivid orange.
#f7a30e Color Conversion
The hexadecimal color #f7a30e has RGB values of R:247, G:163, B:14 and CMYK values of C:0, M:0.34, Y:0.94, K:0.03. Its decimal value is 16229134.
Hex triplet | f7a30e | #f7a30e |
---|---|---|
RGB Decimal | 247, 163, 14 | rgb(247,163,14) |
RGB Percent | 96.9, 63.9, 5.5 | rgb(96.9%,63.9%,5.5%) |
CMYK | 0, 34, 94, 3 | |
HSL | 38.4°, 93.6, 51.2 | hsl(38.4,93.6%,51.2%) |
HSV (or HSB) | 38.4°, 94.3, 96.9 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 73.548, 21.735, 75.905 |
---|---|
XYZ | 51.536, 46.004, 6.581 |
xyY | 0.495, 0.442, 46.004 |
CIE-LCH | 73.548, 78.955, 74.021 |
CIE-LUV | 73.548, 69.725, 72.178 |
Hunter-Lab | 67.826, 16.932, 41.726 |
Binary | 11110111, 10100011, 00001110 |
Color Schemes with #f7a30e
Alternatives to #f7a30e
Below, you can see some colors close to #f7a30e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7a30e Preview
This text has a font color of #f7a30e.
<span style="color:#f7a30e;">Text here</span>
This paragraph has a background color of #f7a30e.
<p style="background-color:#f7a30e;">Content here</p>
This element has a border color of #f7a30e.
<div style="border:1px solid #f7a30e;">Content here</div>
.text {color:#f7a30e;}
.background {background-color:#f7a30e;}
.border {border:1px solid #f7a30e;}
Shades and Tints of #f7a30e
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)
-
#2c1d01
#2c1d01
rgb(44,29,1)
-
#3f2902
#3f2902
rgb(63,41,2)
-
#523503
#523503
rgb(82,53,3)
-
#654203
#654203
rgb(101,66,3)
-
#784e04
#784e04
rgb(120,78,4)
-
#8b5a05
#8b5a05
rgb(139,90,5)
-
#9e6705
#9e6705
rgb(158,103,5)
-
#b17306
#b17306
rgb(177,115,6)
-
#c47f06
#c47f06
rgb(196,127,6)
-
#d78c07
#d78c07
rgb(215,140,7)
-
#ea9808
#ea9808
rgb(234,152,8)
-
#f7a30e
#f7a30e
rgb(247,163,14)
-
#f8aa21
#f8aa21
rgb(248,170,33)
-
#f8b134
#f8b134
rgb(248,177,52)
-
#f9b947
#f9b947
rgb(249,185,71)
-
#fac05a
#fac05a
rgb(250,192,90)
-
#fac76d
#fac76d
rgb(250,199,109)
-
#fbce80
#fbce80
rgb(251,206,128)
-
#fbd693
#fbd693
rgb(251,214,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 #f7a30e
A tone is produced by adding gray to any pure hue. In this case, #848381 is the less saturated color, while #f7a30e 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)
-
#aa8e5b
#aa8e5b
rgb(170,142,91)
-
#b49051
#b49051
rgb(180,144,81)
-
#be9347
#be9347
rgb(190,147,71)
-
#c7963e
#c7963e
rgb(199,150,62)
-
#d19834
#d19834
rgb(209,152,52)
-
#da9b2b
#da9b2b
rgb(218,155,43)
-
#e49e21
#e49e21
rgb(228,158,33)
-
#eda018
#eda018
rgb(237,160,24)
-
#f7a30e
#f7a30e
rgb(247,163,14)
Color Blindness Simulator
Below, you can see how #f7a30e 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.