#f8bc56 Color Information
In a RGB color space, hex #f8bc56 is composed of 97.3% red, 73.7% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.2% magenta, 65.3% yellow and 2.7% black. It has a hue angle of 37.8 degrees, a saturation of 92% and a lightness of 65.5%. #f8bc56 color hex could be obtained by blending #ffffac with #f17900. Closest websafe color is: #ffcc66.
-
- R 97
- G 74
- B 34
-
- C 0
- M 24
- Y 65
- K 3
● #f8bc56 color description : Soft orange.
#f8bc56 Color Conversion
The hexadecimal color #f8bc56 has RGB values of R:248, G:188, B:86 and CMYK values of C:0, M:0.24, Y:0.65, K:0.03. Its decimal value is 16301142.
Hex triplet | f8bc56 | #f8bc56 |
---|---|---|
RGB Decimal | 248, 188, 86 | rgb(248,188,86) |
RGB Percent | 97.3, 73.7, 33.7 | rgb(97.3%,73.7%,33.7%) |
CMYK | 0, 24, 65, 3 | |
HSL | 37.8°, 92, 65.5 | hsl(37.8,92%,65.5%) |
HSV (or HSB) | 37.8°, 65.3, 97.3 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 79.953, 11.421, 58.478 |
---|---|
XYZ | 58.375, 56.598, 16.653 |
xyY | 0.443, 0.43, 56.598 |
CIE-LCH | 79.953, 59.583, 78.949 |
CIE-LUV | 79.953, 47.89, 66.275 |
Hunter-Lab | 75.232, 6.85, 39.537 |
Binary | 11111000, 10111100, 01010110 |
Color Schemes with #f8bc56
Alternatives to #f8bc56
Below, you can see some colors close to #f8bc56. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f8bc56 Preview
This text has a font color of #f8bc56.
<span style="color:#f8bc56;">Text here</span>
This paragraph has a background color of #f8bc56.
<p style="background-color:#f8bc56;">Content here</p>
This element has a border color of #f8bc56.
<div style="border:1px solid #f8bc56;">Content here</div>
.text {color:#f8bc56;}
.background {background-color:#f8bc56;}
.border {border:1px solid #f8bc56;}
Shades and Tints of #f8bc56
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, #010000 is the darkest color, while #fef8ed is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#130c01
#130c01
rgb(19,12,1)
-
#261902
#261902
rgb(38,25,2)
-
#392502
#392502
rgb(57,37,2)
-
#4c3103
#4c3103
rgb(76,49,3)
-
#5f3d04
#5f3d04
rgb(95,61,4)
-
#724905
#724905
rgb(114,73,5)
-
#845505
#845505
rgb(132,85,5)
-
#976206
#976206
rgb(151,98,6)
-
#aa6e07
#aa6e07
rgb(170,110,7)
-
#bd7a08
#bd7a08
rgb(189,122,8)
-
#d08609
#d08609
rgb(208,134,9)
-
#e39209
#e39209
rgb(227,146,9)
-
#f59e0b
#f59e0b
rgb(245,158,11)
-
#f6a61d
#f6a61d
rgb(246,166,29)
-
#f6ad30
#f6ad30
rgb(246,173,48)
-
#f7b543
#f7b543
rgb(247,181,67)
-
#f8bc56
#f8bc56
rgb(248,188,86)
-
#f9c369
#f9c369
rgb(249,195,105)
-
#facb7c
#facb7c
rgb(250,203,124)
-
#fad28f
#fad28f
rgb(250,210,143)
-
#fbdaa1
#fbdaa1
rgb(251,218,161)
-
#fce1b4
#fce1b4
rgb(252,225,180)
-
#fde9c7
#fde9c7
rgb(253,233,199)
-
#fdf0da
#fdf0da
rgb(253,240,218)
-
#fef8ed
#fef8ed
rgb(254,248,237)
Tones of #f8bc56
A tone is produced by adding gray to any pure hue. In this case, #aea9a0 is the less saturated color, while #ffbe4f is the most saturated one.
-
#aea9a0
#aea9a0
rgb(174,169,160)
-
#b4aa9a
#b4aa9a
rgb(180,170,154)
-
#bbac93
#bbac93
rgb(187,172,147)
-
#c2ae8c
#c2ae8c
rgb(194,174,140)
-
#c9b085
#c9b085
rgb(201,176,133)
-
#cfb17f
#cfb17f
rgb(207,177,127)
-
#d6b378
#d6b378
rgb(214,179,120)
-
#ddb571
#ddb571
rgb(221,181,113)
-
#e4b76a
#e4b76a
rgb(228,183,106)
-
#eab864
#eab864
rgb(234,184,100)
-
#f1ba5d
#f1ba5d
rgb(241,186,93)
-
#f8bc56
#f8bc56
rgb(248,188,86)
-
#ffbe4f
#ffbe4f
rgb(255,190,79)
Color Blindness Simulator
Below, you can see how #f8bc56 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.