#f7bc22 Color Information
In a RGB color space, hex #f7bc22 is composed of 96.9% red, 73.7% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.9% magenta, 86.2% yellow and 3.1% black. It has a hue angle of 43.4 degrees, a saturation of 93% and a lightness of 55.1%. #f7bc22 color hex could be obtained by blending #ffff44 with #ef7900. Closest websafe color is: #ffcc33.
-
- R 97
- G 74
- B 13
-
- C 0
- M 24
- Y 86
- K 3
● #f7bc22 color description : Vivid orange.
#f7bc22 Color Conversion
The hexadecimal color #f7bc22 has RGB values of R:247, G:188, B:34 and CMYK values of C:0, M:0.24, Y:0.86, K:0.03. Its decimal value is 16235554.
Hex triplet | f7bc22 | #f7bc22 |
---|---|---|
RGB Decimal | 247, 188, 34 | rgb(247,188,34) |
RGB Percent | 96.9, 73.7, 13.3 | rgb(96.9%,73.7%,13.3%) |
CMYK | 0, 24, 86, 3 | |
HSL | 43.4°, 93, 55.1 | hsl(43.4,93%,55.1%) |
HSV (or HSB) | 43.4°, 86.2, 96.9 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 79.534, 8.952, 76.595 |
---|---|
XYZ | 56.631, 55.859, 9.313 |
xyY | 0.465, 0.459, 55.859 |
CIE-LCH | 79.534, 77.116, 83.334 |
CIE-LUV | 79.534, 49.345, 79.259 |
Hunter-Lab | 74.739, 4.459, 44.93 |
Binary | 11110111, 10111100, 00100010 |
Color Schemes with #f7bc22
Alternatives to #f7bc22
Below, you can see some colors close to #f7bc22. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7bc22 Preview
This text has a font color of #f7bc22.
<span style="color:#f7bc22;">Text here</span>
This paragraph has a background color of #f7bc22.
<p style="background-color:#f7bc22;">Content here</p>
This element has a border color of #f7bc22.
<div style="border:1px solid #f7bc22;">Content here</div>
.text {color:#f7bc22;}
.background {background-color:#f7bc22;}
.border {border:1px solid #f7bc22;}
Shades and Tints of #f7bc22
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, #060500 is the darkest color, while #fffbf2 is the lightest one.
-
#060500
#060500
rgb(6,5,0)
-
#191201
#191201
rgb(25,18,1)
-
#2c2002
#2c2002
rgb(44,32,2)
-
#3f2e02
#3f2e02
rgb(63,46,2)
-
#523c03
#523c03
rgb(82,60,3)
-
#654a04
#654a04
rgb(101,74,4)
-
#785804
#785804
rgb(120,88,4)
-
#8b6605
#8b6605
rgb(139,102,5)
-
#9e7406
#9e7406
rgb(158,116,6)
-
#b18106
#b18106
rgb(177,129,6)
-
#c38f07
#c38f07
rgb(195,143,7)
-
#d69d08
#d69d08
rgb(214,157,8)
-
#e9ab08
#e9ab08
rgb(233,171,8)
-
#f6b60f
#f6b60f
rgb(246,182,15)
-
#f7bc22
#f7bc22
rgb(247,188,34)
-
#f8c235
#f8c235
rgb(248,194,53)
-
#f8c748
#f8c748
rgb(248,199,72)
-
#f9cd5b
#f9cd5b
rgb(249,205,91)
-
#fad36e
#fad36e
rgb(250,211,110)
-
#fad981
#fad981
rgb(250,217,129)
-
#fbde94
#fbde94
rgb(251,222,148)
-
#fce4a7
#fce4a7
rgb(252,228,167)
-
#fceab9
#fceab9
rgb(252,234,185)
-
#fdf0cc
#fdf0cc
rgb(253,240,204)
-
#fef5df
#fef5df
rgb(254,245,223)
-
#fffbf2
#fffbf2
rgb(255,251,242)
Tones of #f7bc22
A tone is produced by adding gray to any pure hue. In this case, #8d8d8c is the less saturated color, while #f7bc22 is the most saturated one.
-
#8d8d8c
#8d8d8c
rgb(141,141,140)
-
#969183
#969183
rgb(150,145,131)
-
#9f957a
#9f957a
rgb(159,149,122)
-
#a89971
#a89971
rgb(168,153,113)
-
#b19d68
#b19d68
rgb(177,157,104)
-
#b9a160
#b9a160
rgb(185,161,96)
-
#c2a457
#c2a457
rgb(194,164,87)
-
#cba84e
#cba84e
rgb(203,168,78)
-
#d4ac45
#d4ac45
rgb(212,172,69)
-
#ddb03c
#ddb03c
rgb(221,176,60)
-
#e5b434
#e5b434
rgb(229,180,52)
-
#eeb82b
#eeb82b
rgb(238,184,43)
-
#f7bc22
#f7bc22
rgb(247,188,34)
Color Blindness Simulator
Below, you can see how #f7bc22 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.