#f7bc20 Color Information
In a RGB color space, hex #f7bc20 is composed of 96.9% red, 73.7% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.9% magenta, 87% yellow and 3.1% black. It has a hue angle of 43.5 degrees, a saturation of 93.1% and a lightness of 54.7%. #f7bc20 color hex could be obtained by blending #ffff40 with #ef7900. Closest websafe color is: #ffcc33.
-
- R 97
- G 74
- B 13
-
- C 0
- M 24
- Y 87
- K 3
● #f7bc20 color description : Vivid orange.
#f7bc20 Color Conversion
The hexadecimal color #f7bc20 has RGB values of R:247, G:188, B:32 and CMYK values of C:0, M:0.24, Y:0.87, K:0.03. Its decimal value is 16235552.
Hex triplet | f7bc20 | #f7bc20 |
---|---|---|
RGB Decimal | 247, 188, 32 | rgb(247,188,32) |
RGB Percent | 96.9, 73.7, 12.5 | rgb(96.9%,73.7%,12.5%) |
CMYK | 0, 24, 87, 3 | |
HSL | 43.5°, 93.1, 54.7 | hsl(43.5,93.1%,54.7%) |
HSV (or HSB) | 43.5°, 87, 96.9 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 79.527, 8.91, 77.052 |
---|---|
XYZ | 56.603, 55.848, 9.165 |
xyY | 0.465, 0.459, 55.848 |
CIE-LCH | 79.527, 77.565, 83.404 |
CIE-LUV | 79.527, 49.392, 79.53 |
Hunter-Lab | 74.731, 4.419, 45.041 |
Binary | 11110111, 10111100, 00100000 |
Color Schemes with #f7bc20
Alternatives to #f7bc20
Below, you can see some colors close to #f7bc20. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7bc20 Preview
This text has a font color of #f7bc20.
<span style="color:#f7bc20;">Text here</span>
This paragraph has a background color of #f7bc20.
<p style="background-color:#f7bc20;">Content here</p>
This element has a border color of #f7bc20.
<div style="border:1px solid #f7bc20;">Content here</div>
.text {color:#f7bc20;}
.background {background-color:#f7bc20;}
.border {border:1px solid #f7bc20;}
Shades and Tints of #f7bc20
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, #040300 is the darkest color, while #fefbf0 is the lightest one.
-
#040300
#040300
rgb(4,3,0)
-
#171101
#171101
rgb(23,17,1)
-
#2a1f02
#2a1f02
rgb(42,31,2)
-
#3d2d02
#3d2d02
rgb(61,45,2)
-
#503b03
#503b03
rgb(80,59,3)
-
#634904
#634904
rgb(99,73,4)
-
#765704
#765704
rgb(118,87,4)
-
#896505
#896505
rgb(137,101,5)
-
#9c7306
#9c7306
rgb(156,115,6)
-
#af8006
#af8006
rgb(175,128,6)
-
#c28e07
#c28e07
rgb(194,142,7)
-
#d59c08
#d59c08
rgb(213,156,8)
-
#e7aa08
#e7aa08
rgb(231,170,8)
-
#f6b60d
#f6b60d
rgb(246,182,13)
-
#f7bc20
#f7bc20
rgb(247,188,32)
-
#f8c233
#f8c233
rgb(248,194,51)
-
#f8c746
#f8c746
rgb(248,199,70)
-
#f9cd59
#f9cd59
rgb(249,205,89)
-
#fad36c
#fad36c
rgb(250,211,108)
-
#fad87f
#fad87f
rgb(250,216,127)
-
#fbde92
#fbde92
rgb(251,222,146)
-
#fce4a5
#fce4a5
rgb(252,228,165)
-
#fceab7
#fceab7
rgb(252,234,183)
-
#fdefca
#fdefca
rgb(253,239,202)
-
#fef5dd
#fef5dd
rgb(254,245,221)
-
#fefbf0
#fefbf0
rgb(254,251,240)
Tones of #f7bc20
A tone is produced by adding gray to any pure hue. In this case, #8c8c8b is the less saturated color, while #f7bc20 is the most saturated one.
-
#8c8c8b
#8c8c8b
rgb(140,140,139)
-
#959082
#959082
rgb(149,144,130)
-
#9e9479
#9e9479
rgb(158,148,121)
-
#a79870
#a79870
rgb(167,152,112)
-
#b09c67
#b09c67
rgb(176,156,103)
-
#b9a05e
#b9a05e
rgb(185,160,94)
-
#c2a455
#c2a455
rgb(194,164,85)
-
#cba84c
#cba84c
rgb(203,168,76)
-
#d3ac44
#d3ac44
rgb(211,172,68)
-
#dcb03b
#dcb03b
rgb(220,176,59)
-
#e5b432
#e5b432
rgb(229,180,50)
-
#eeb829
#eeb829
rgb(238,184,41)
-
#f7bc20
#f7bc20
rgb(247,188,32)
Color Blindness Simulator
Below, you can see how #f7bc20 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.