#f7bc80 Color Information
In a RGB color space, hex #f7bc80 is composed of 96.9% red, 73.7% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.9% magenta, 48.2% yellow and 3.1% black. It has a hue angle of 30.3 degrees, a saturation of 88.1% and a lightness of 73.5%. #f7bc80 color hex could be obtained by blending #ffffff with #ef7901. Closest websafe color is: #ffcc99.
-
- R 97
- G 74
- B 50
-
- C 0
- M 24
- Y 48
- K 3
● #f7bc80 color description : Soft orange.
#f7bc80 Color Conversion
The hexadecimal color #f7bc80 has RGB values of R:247, G:188, B:128 and CMYK values of C:0, M:0.24, Y:0.48, K:0.03. Its decimal value is 16235648.
Hex triplet | f7bc80 | #f7bc80 |
---|---|---|
RGB Decimal | 247, 188, 128 | rgb(247,188,128) |
RGB Percent | 96.9, 73.7, 50.2 | rgb(96.9%,73.7%,50.2%) |
CMYK | 0, 24, 48, 3 | |
HSL | 30.3°, 88.1, 73.5 | hsl(30.3,88.1%,73.5%) |
HSV (or HSB) | 30.3°, 48.2, 96.9 | |
Web Safe | ffcc99 | #ffcc99 |
CIE-LAB | 80.349, 14.186, 38.471 |
---|---|
XYZ | 60.238, 57.302, 28.309 |
xyY | 0.413, 0.393, 57.302 |
CIE-LCH | 80.349, 41.003, 69.759 |
CIE-LUV | 80.349, 43.856, 46.975 |
Hunter-Lab | 75.698, 9.572, 30.816 |
Binary | 11110111, 10111100, 10000000 |
Color Schemes with #f7bc80
Alternatives to #f7bc80
Below, you can see some colors close to #f7bc80. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7bc80 Preview
This text has a font color of #f7bc80.
<span style="color:#f7bc80;">Text here</span>
This paragraph has a background color of #f7bc80.
<p style="background-color:#f7bc80;">Content here</p>
This element has a border color of #f7bc80.
<div style="border:1px solid #f7bc80;">Content here</div>
.text {color:#f7bc80;}
.background {background-color:#f7bc80;}
.border {border:1px solid #f7bc80;}
Shades and Tints of #f7bc80
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 #fef6ef is the lightest one.
-
#020100
#020100
rgb(2,1,0)
-
#150b01
#150b01
rgb(21,11,1)
-
#271502
#271502
rgb(39,21,2)
-
#3a1f04
#3a1f04
rgb(58,31,4)
-
#4c2905
#4c2905
rgb(76,41,5)
-
#5e3306
#5e3306
rgb(94,51,6)
-
#713c07
#713c07
rgb(113,60,7)
-
#834608
#834608
rgb(131,70,8)
-
#965009
#965009
rgb(150,80,9)
-
#a85a0b
#a85a0b
rgb(168,90,11)
-
#bb640c
#bb640c
rgb(187,100,12)
-
#cd6e0d
#cd6e0d
rgb(205,110,13)
-
#e0780e
#e0780e
rgb(224,120,14)
-
#f08211
#f08211
rgb(240,130,17)
-
#f18b24
#f18b24
rgb(241,139,36)
-
#f29536
#f29536
rgb(242,149,54)
-
#f49f49
#f49f49
rgb(244,159,73)
-
#f5a95b
#f5a95b
rgb(245,169,91)
-
#f6b26e
#f6b26e
rgb(246,178,110)
-
#f7bc80
#f7bc80
rgb(247,188,128)
-
#f8c692
#f8c692
rgb(248,198,146)
-
#f9cfa5
#f9cfa5
rgb(249,207,165)
-
#fad9b7
#fad9b7
rgb(250,217,183)
-
#fce3ca
#fce3ca
rgb(252,227,202)
-
#fdeddc
#fdeddc
rgb(253,237,220)
-
#fef6ef
#fef6ef
rgb(254,246,239)
Tones of #f7bc80
A tone is produced by adding gray to any pure hue. In this case, #bebcb9 is the less saturated color, while #fcbc7b is the most saturated one.
-
#bebcb9
#bebcb9
rgb(190,188,185)
-
#c3bcb4
#c3bcb4
rgb(195,188,180)
-
#c8bcaf
#c8bcaf
rgb(200,188,175)
-
#cdbcaa
#cdbcaa
rgb(205,188,170)
-
#d3bca4
#d3bca4
rgb(211,188,164)
-
#d8bc9f
#d8bc9f
rgb(216,188,159)
-
#ddbc9a
#ddbc9a
rgb(221,188,154)
-
#e2bc95
#e2bc95
rgb(226,188,149)
-
#e7bc90
#e7bc90
rgb(231,188,144)
-
#edbc8a
#edbc8a
rgb(237,188,138)
-
#f2bc85
#f2bc85
rgb(242,188,133)
-
#f7bc80
#f7bc80
rgb(247,188,128)
-
#fcbc7b
#fcbc7b
rgb(252,188,123)
Color Blindness Simulator
Below, you can see how #f7bc80 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.