#f7bc55 Color Information
In a RGB color space, hex #f7bc55 is composed of 96.9% red, 73.7% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.9% magenta, 65.6% yellow and 3.1% black. It has a hue angle of 38.1 degrees, a saturation of 91% and a lightness of 65.1%. #f7bc55 color hex could be obtained by blending #ffffaa with #ef7900. Closest websafe color is: #ffcc66.
-
- R 97
- G 74
- B 33
-
- C 0
- M 24
- Y 66
- K 3
● #f7bc55 color description : Soft orange.
#f7bc55 Color Conversion
The hexadecimal color #f7bc55 has RGB values of R:247, G:188, B:85 and CMYK values of C:0, M:0.24, Y:0.66, K:0.03. Its decimal value is 16235605.
Hex triplet | f7bc55 | #f7bc55 |
---|---|---|
RGB Decimal | 247, 188, 85 | rgb(247,188,85) |
RGB Percent | 96.9, 73.7, 33.3 | rgb(96.9%,73.7%,33.3%) |
CMYK | 0, 24, 66, 3 | |
HSL | 38.1°, 91, 65.1 | hsl(38.1,91%,65.1%) |
HSV (or HSB) | 38.1°, 65.6, 96.9 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 79.841, 10.947, 58.774 |
---|---|
XYZ | 57.982, 56.399, 16.426 |
xyY | 0.443, 0.431, 56.399 |
CIE-LCH | 79.841, 59.785, 79.449 |
CIE-LUV | 79.841, 47.184, 66.585 |
Hunter-Lab | 75.1, 6.389, 39.601 |
Binary | 11110111, 10111100, 01010101 |
Color Schemes with #f7bc55
Alternatives to #f7bc55
Below, you can see some colors close to #f7bc55. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7bc55 Preview
This text has a font color of #f7bc55.
<span style="color:#f7bc55;">Text here</span>
This paragraph has a background color of #f7bc55.
<p style="background-color:#f7bc55;">Content here</p>
This element has a border color of #f7bc55.
<div style="border:1px solid #f7bc55;">Content here</div>
.text {color:#f7bc55;}
.background {background-color:#f7bc55;}
.border {border:1px solid #f7bc55;}
Shades and Tints of #f7bc55
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, #110b01 is the darkest color, while #fffefe is the lightest one.
-
#110b01
#110b01
rgb(17,11,1)
-
#241802
#241802
rgb(36,24,2)
-
#372403
#372403
rgb(55,36,3)
-
#4a3003
#4a3003
rgb(74,48,3)
-
#5c3c04
#5c3c04
rgb(92,60,4)
-
#6f4805
#6f4805
rgb(111,72,5)
-
#825506
#825506
rgb(130,85,6)
-
#946107
#946107
rgb(148,97,7)
-
#a76d08
#a76d08
rgb(167,109,8)
-
#ba7909
#ba7909
rgb(186,121,9)
-
#cd860a
#cd860a
rgb(205,134,10)
-
#df920b
#df920b
rgb(223,146,11)
-
#f29e0b
#f29e0b
rgb(242,158,11)
-
#f4a61d
#f4a61d
rgb(244,166,29)
-
#f5ad30
#f5ad30
rgb(245,173,48)
-
#f6b542
#f6b542
rgb(246,181,66)
-
#f7bc55
#f7bc55
rgb(247,188,85)
-
#f8c368
#f8c368
rgb(248,195,104)
-
#f9cb7a
#f9cb7a
rgb(249,203,122)
-
#fad28d
#fad28d
rgb(250,210,141)
-
#fbdaa0
#fbdaa0
rgb(251,218,160)
-
#fbe1b3
#fbe1b3
rgb(251,225,179)
-
#fce8c5
#fce8c5
rgb(252,232,197)
-
#fdf0d8
#fdf0d8
rgb(253,240,216)
-
#fef7eb
#fef7eb
rgb(254,247,235)
-
#fffefe
#fffefe
rgb(255,254,254)
Tones of #f7bc55
A tone is produced by adding gray to any pure hue. In this case, #aca8a0 is the less saturated color, while #febe4e is the most saturated one.
-
#aca8a0
#aca8a0
rgb(172,168,160)
-
#b3a999
#b3a999
rgb(179,169,153)
-
#b9ab93
#b9ab93
rgb(185,171,147)
-
#c0ad8c
#c0ad8c
rgb(192,173,140)
-
#c7af85
#c7af85
rgb(199,175,133)
-
#ceb17e
#ceb17e
rgb(206,177,126)
-
#d5b377
#d5b377
rgb(213,179,119)
-
#dcb570
#dcb570
rgb(220,181,112)
-
#e2b66a
#e2b66a
rgb(226,182,106)
-
#e9b863
#e9b863
rgb(233,184,99)
-
#f0ba5c
#f0ba5c
rgb(240,186,92)
-
#f7bc55
#f7bc55
rgb(247,188,85)
-
#febe4e
#febe4e
rgb(254,190,78)
Color Blindness Simulator
Below, you can see how #f7bc55 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.