#f7b300 Color Information
In a RGB color space, hex #f7b300 is composed of 96.9% red, 70.2% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.5% magenta, 100% yellow and 3.1% black. It has a hue angle of 43.5 degrees, a saturation of 100% and a lightness of 48.4%. #f7b300 color hex could be obtained by blending #ffff00 with #ef6700. Closest websafe color is: #ffcc00.
-
- R 97
- G 70
- B 0
-
- C 0
- M 28
- Y 100
- K 3
● #f7b300 color description : Pure (or mostly pure) orange.
#f7b300 Color Conversion
The hexadecimal color #f7b300 has RGB values of R:247, G:179, B:0 and CMYK values of C:0, M:0.28, Y:1, K:0.03. Its decimal value is 16233216.
Hex triplet | f7b300 | #f7b300 |
---|---|---|
RGB Decimal | 247, 179, 0 | rgb(247,179,0) |
RGB Percent | 96.9, 70.2, 0 | rgb(96.9%,70.2%,0%) |
CMYK | 0, 28, 100, 3 | |
HSL | 43.5°, 100, 48.4 | hsl(43.5,100%,48.4%) |
HSV (or HSB) | 43.5°, 100, 96.9 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 77.291, 13.219, 80.079 |
---|---|
XYZ | 54.479, 52.018, 7.171 |
xyY | 0.479, 0.458, 52.018 |
CIE-LCH | 77.291, 81.163, 80.627 |
CIE-LUV | 77.291, 56.93, 78.789 |
Hunter-Lab | 72.123, 8.616, 44.591 |
Binary | 11110111, 10110011, 00000000 |
Color Schemes with #f7b300
Alternatives to #f7b300
Below, you can see some colors close to #f7b300. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7b300 Preview
This text has a font color of #f7b300.
<span style="color:#f7b300;">Text here</span>
This paragraph has a background color of #f7b300.
<p style="background-color:#f7b300;">Content here</p>
This element has a border color of #f7b300.
<div style="border:1px solid #f7b300;">Content here</div>
.text {color:#f7b300;}
.background {background-color:#f7b300;}
.border {border:1px solid #f7b300;}
Shades and Tints of #f7b300
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 #fffdf7 is the lightest one.
-
#0c0800
#0c0800
rgb(12,8,0)
-
#1f1700
#1f1700
rgb(31,23,0)
-
#332500
#332500
rgb(51,37,0)
-
#463300
#463300
rgb(70,51,0)
-
#5a4100
#5a4100
rgb(90,65,0)
-
#6e4f00
#6e4f00
rgb(110,79,0)
-
#815e00
#815e00
rgb(129,94,0)
-
#956c00
#956c00
rgb(149,108,0)
-
#a97a00
#a97a00
rgb(169,122,0)
-
#bc8800
#bc8800
rgb(188,136,0)
-
#d09700
#d09700
rgb(208,151,0)
-
#e3a500
#e3a500
rgb(227,165,0)
-
#f7b300
#f7b300
rgb(247,179,0)
-
#ffbc0c
#ffbc0c
rgb(255,188,12)
-
#ffc11f
#ffc11f
rgb(255,193,31)
-
#ffc733
#ffc733
rgb(255,199,51)
-
#ffcc46
#ffcc46
rgb(255,204,70)
-
#ffd25a
#ffd25a
rgb(255,210,90)
-
#ffd76e
#ffd76e
rgb(255,215,110)
-
#ffdc81
#ffdc81
rgb(255,220,129)
-
#ffe295
#ffe295
rgb(255,226,149)
-
#ffe7a9
#ffe7a9
rgb(255,231,169)
-
#ffedbc
#ffedbc
rgb(255,237,188)
-
#fff2d0
#fff2d0
rgb(255,242,208)
-
#fff7e3
#fff7e3
rgb(255,247,227)
-
#fffdf7
#fffdf7
rgb(255,253,247)
Tones of #f7b300
A tone is produced by adding gray to any pure hue. In this case, #858072 is the less saturated color, while #f7b300 is the most saturated one.
-
#858072
#858072
rgb(133,128,114)
-
#8f8469
#8f8469
rgb(143,132,105)
-
#98885f
#98885f
rgb(152,136,95)
-
#a28d56
#a28d56
rgb(162,141,86)
-
#ab914c
#ab914c
rgb(171,145,76)
-
#b59543
#b59543
rgb(181,149,67)
-
#be9939
#be9939
rgb(190,153,57)
-
#c89e30
#c89e30
rgb(200,158,48)
-
#d1a226
#d1a226
rgb(209,162,38)
-
#dba61d
#dba61d
rgb(219,166,29)
-
#e4aa13
#e4aa13
rgb(228,170,19)
-
#eeaf0a
#eeaf0a
rgb(238,175,10)
-
#f7b300
#f7b300
rgb(247,179,0)
Color Blindness Simulator
Below, you can see how #f7b300 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.