#f7bc6c Color Information
In a RGB color space, hex #f7bc6c is composed of 96.9% red, 73.7% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.9% magenta, 56.3% yellow and 3.1% black. It has a hue angle of 34.5 degrees, a saturation of 89.7% and a lightness of 69.6%. #f7bc6c color hex could be obtained by blending #ffffd8 with #ef7900. Closest websafe color is: #ffcc66.
-
- R 97
- G 74
- B 42
-
- C 0
- M 24
- Y 56
- K 3
● #f7bc6c color description : Soft orange.
#f7bc6c Color Conversion
The hexadecimal color #f7bc6c has RGB values of R:247, G:188, B:108 and CMYK values of C:0, M:0.24, Y:0.56, K:0.03. Its decimal value is 16235628.
Hex triplet | f7bc6c | #f7bc6c |
---|---|---|
RGB Decimal | 247, 188, 108 | rgb(247,188,108) |
RGB Percent | 96.9, 73.7, 42.4 | rgb(96.9%,73.7%,42.4%) |
CMYK | 0, 24, 56, 3 | |
HSL | 34.5°, 89.7, 69.6 | hsl(34.5,89.7%,69.6%) |
HSV (or HSB) | 34.5°, 56.3, 96.9 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 80.082, 12.493, 48.219 |
---|---|
XYZ | 59.048, 56.826, 22.045 |
xyY | 0.428, 0.412, 56.826 |
CIE-LCH | 80.082, 49.811, 75.475 |
CIE-LUV | 80.082, 45.569, 57.082 |
Hunter-Lab | 75.383, 7.9, 35.429 |
Binary | 11110111, 10111100, 01101100 |
Color Schemes with #f7bc6c
Alternatives to #f7bc6c
Below, you can see some colors close to #f7bc6c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7bc6c Preview
This text has a font color of #f7bc6c.
<span style="color:#f7bc6c;">Text here</span>
This paragraph has a background color of #f7bc6c.
<p style="background-color:#f7bc6c;">Content here</p>
This element has a border color of #f7bc6c.
<div style="border:1px solid #f7bc6c;">Content here</div>
.text {color:#f7bc6c;}
.background {background-color:#f7bc6c;}
.border {border:1px solid #f7bc6c;}
Shades and Tints of #f7bc6c
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, #020100 is the darkest color, while #fef7ee is the lightest one.
-
#020100
#020100
rgb(2,1,0)
-
#140c01
#140c01
rgb(20,12,1)
-
#271702
#271702
rgb(39,23,2)
-
#3a2303
#3a2303
rgb(58,35,3)
-
#4c2e04
#4c2e04
rgb(76,46,4)
-
#5f3905
#5f3905
rgb(95,57,5)
-
#714406
#714406
rgb(113,68,6)
-
#844f07
#844f07
rgb(132,79,7)
-
#975a08
#975a08
rgb(151,90,8)
-
#a96509
#a96509
rgb(169,101,9)
-
#bc700a
#bc700a
rgb(188,112,10)
-
#ce7c0b
#ce7c0b
rgb(206,124,11)
-
#e1870c
#e1870c
rgb(225,135,12)
-
#f2920f
#f2920f
rgb(242,146,15)
-
#f39a22
#f39a22
rgb(243,154,34)
-
#f4a334
#f4a334
rgb(244,163,52)
-
#f5ab47
#f5ab47
rgb(245,171,71)
-
#f6b459
#f6b459
rgb(246,180,89)
-
#f7bc6c
#f7bc6c
rgb(247,188,108)
-
#f8c47f
#f8c47f
rgb(248,196,127)
-
#f9cd91
#f9cd91
rgb(249,205,145)
-
#fad5a4
#fad5a4
rgb(250,213,164)
-
#fbdeb6
#fbdeb6
rgb(251,222,182)
-
#fce6c9
#fce6c9
rgb(252,230,201)
-
#fdefdc
#fdefdc
rgb(253,239,220)
-
#fef7ee
#fef7ee
rgb(254,247,238)
Tones of #f7bc6c
A tone is produced by adding gray to any pure hue. In this case, #b5b2ae is the less saturated color, while #fdbd66 is the most saturated one.
-
#b5b2ae
#b5b2ae
rgb(181,178,174)
-
#bbb3a8
#bbb3a8
rgb(187,179,168)
-
#c1b4a2
#c1b4a2
rgb(193,180,162)
-
#c7b59c
#c7b59c
rgb(199,181,156)
-
#cdb696
#cdb696
rgb(205,182,150)
-
#d3b790
#d3b790
rgb(211,183,144)
-
#d9b78a
#d9b78a
rgb(217,183,138)
-
#dfb884
#dfb884
rgb(223,184,132)
-
#e5b97e
#e5b97e
rgb(229,185,126)
-
#ebba78
#ebba78
rgb(235,186,120)
-
#f1bb72
#f1bb72
rgb(241,187,114)
-
#f7bc6c
#f7bc6c
rgb(247,188,108)
-
#fdbd66
#fdbd66
rgb(253,189,102)
Color Blindness Simulator
Below, you can see how #f7bc6c 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.