#f7b310 Color Information
In a RGB color space, hex #f7b310 is composed of 96.9% red, 70.2% green and 6.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.5% magenta, 93.5% yellow and 3.1% black. It has a hue angle of 42.3 degrees, a saturation of 93.5% and a lightness of 51.6%. #f7b310 color hex could be obtained by blending #ffff20 with #ef6700. Closest websafe color is: #ffcc00.
-
- R 97
- G 70
- B 6
-
- C 0
- M 28
- Y 94
- K 3
● #f7b310 color description : Vivid orange.
#f7b310 Color Conversion
The hexadecimal color #f7b310 has RGB values of R:247, G:179, B:16 and CMYK values of C:0, M:0.28, Y:0.94, K:0.03. Its decimal value is 16233232.
Hex triplet | f7b310 | #f7b310 |
---|---|---|
RGB Decimal | 247, 179, 16 | rgb(247,179,16) |
RGB Percent | 96.9, 70.2, 6.3 | rgb(96.9%,70.2%,6.3%) |
CMYK | 0, 28, 94, 3 | |
HSL | 42.3°, 93.5, 51.6 | hsl(42.3,93.5%,51.6%) |
HSV (or HSB) | 42.3°, 93.5, 96.9 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 77.314, 13.36, 78.31 |
---|---|
XYZ | 54.573, 52.055, 7.664 |
xyY | 0.477, 0.455, 52.055 |
CIE-LCH | 77.314, 79.441, 80.318 |
CIE-LUV | 77.314, 56.749, 77.841 |
Hunter-Lab | 72.149, 8.754, 44.207 |
Binary | 11110111, 10110011, 00010000 |
Color Schemes with #f7b310
Alternatives to #f7b310
Below, you can see some colors close to #f7b310. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7b310 Preview
This text has a font color of #f7b310.
<span style="color:#f7b310;">Text here</span>
This paragraph has a background color of #f7b310.
<p style="background-color:#f7b310;">Content here</p>
This element has a border color of #f7b310.
<div style="border:1px solid #f7b310;">Content here</div>
.text {color:#f7b310;}
.background {background-color:#f7b310;}
.border {border:1px solid #f7b310;}
Shades and Tints of #f7b310
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, #080600 is the darkest color, while #fffbf4 is the lightest one.
-
#080600
#080600
rgb(8,6,0)
-
#1b1301
#1b1301
rgb(27,19,1)
-
#2e2102
#2e2102
rgb(46,33,2)
-
#412e02
#412e02
rgb(65,46,2)
-
#543c03
#543c03
rgb(84,60,3)
-
#674903
#674903
rgb(103,73,3)
-
#7a5704
#7a5704
rgb(122,87,4)
-
#8d6505
#8d6505
rgb(141,101,5)
-
#a07205
#a07205
rgb(160,114,5)
-
#b38006
#b38006
rgb(179,128,6)
-
#c68d07
#c68d07
rgb(198,141,7)
-
#d99b07
#d99b07
rgb(217,155,7)
-
#eca808
#eca808
rgb(236,168,8)
-
#f7b310
#f7b310
rgb(247,179,16)
-
#f8b923
#f8b923
rgb(248,185,35)
-
#f8bf36
#f8bf36
rgb(248,191,54)
-
#f9c549
#f9c549
rgb(249,197,73)
-
#facb5c
#facb5c
rgb(250,203,92)
-
#fad16f
#fad16f
rgb(250,209,111)
-
#fbd782
#fbd782
rgb(251,215,130)
-
#fbdd95
#fbdd95
rgb(251,221,149)
-
#fce3a8
#fce3a8
rgb(252,227,168)
-
#fde9bb
#fde9bb
rgb(253,233,187)
-
#fdefce
#fdefce
rgb(253,239,206)
-
#fef5e1
#fef5e1
rgb(254,245,225)
-
#fffbf4
#fffbf4
rgb(255,251,244)
Tones of #f7b310
A tone is produced by adding gray to any pure hue. In this case, #858482 is the less saturated color, while #f7b310 is the most saturated one.
-
#858482
#858482
rgb(133,132,130)
-
#8f8879
#8f8879
rgb(143,136,121)
-
#988c6f
#988c6f
rgb(152,140,111)
-
#a29066
#a29066
rgb(162,144,102)
-
#ab945c
#ab945c
rgb(171,148,92)
-
#b59853
#b59853
rgb(181,152,83)
-
#be9c49
#be9c49
rgb(190,156,73)
-
#c89f40
#c89f40
rgb(200,159,64)
-
#d1a336
#d1a336
rgb(209,163,54)
-
#dba72d
#dba72d
rgb(219,167,45)
-
#e4ab23
#e4ab23
rgb(228,171,35)
-
#eeaf1a
#eeaf1a
rgb(238,175,26)
-
#f7b310
#f7b310
rgb(247,179,16)
Color Blindness Simulator
Below, you can see how #f7b310 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.