#f8bc54 Color Information
In a RGB color space, hex #f8bc54 is composed of 97.3% red, 73.7% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.2% magenta, 66.1% yellow and 2.7% black. It has a hue angle of 38 degrees, a saturation of 92.1% and a lightness of 65.1%. #f8bc54 color hex could be obtained by blending #ffffa8 with #f17900. Closest websafe color is: #ffcc66.
-
- R 97
- G 74
- B 33
-
- C 0
- M 24
- Y 66
- K 3
● #f8bc54 color description : Soft orange.
#f8bc54 Color Conversion
The hexadecimal color #f8bc54 has RGB values of R:248, G:188, B:84 and CMYK values of C:0, M:0.24, Y:0.66, K:0.03. Its decimal value is 16301140.
Hex triplet | f8bc54 | #f8bc54 |
---|---|---|
RGB Decimal | 248, 188, 84 | rgb(248,188,84) |
RGB Percent | 97.3, 73.7, 32.9 | rgb(97.3%,73.7%,32.9%) |
CMYK | 0, 24, 66, 3 | |
HSL | 38°, 92.1, 65.1 | hsl(38,92.1%,65.1%) |
HSV (or HSB) | 38°, 66.1, 97.3 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 79.935, 11.305, 59.351 |
---|---|
XYZ | 58.296, 56.566, 16.235 |
xyY | 0.445, 0.431, 56.566 |
CIE-LCH | 79.935, 60.418, 79.215 |
CIE-LUV | 79.935, 48.014, 66.997 |
Hunter-Lab | 75.21, 6.738, 39.849 |
Binary | 11111000, 10111100, 01010100 |
Color Schemes with #f8bc54
Alternatives to #f8bc54
Below, you can see some colors close to #f8bc54. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f8bc54 Preview
This text has a font color of #f8bc54.
<span style="color:#f8bc54;">Text here</span>
This paragraph has a background color of #f8bc54.
<p style="background-color:#f8bc54;">Content here</p>
This element has a border color of #f8bc54.
<div style="border:1px solid #f8bc54;">Content here</div>
.text {color:#f8bc54;}
.background {background-color:#f8bc54;}
.border {border:1px solid #f8bc54;}
Shades and Tints of #f8bc54
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)
-
#241801
#241801
rgb(36,24,1)
-
#372402
#372402
rgb(55,36,2)
-
#4a3003
#4a3003
rgb(74,48,3)
-
#5d3c04
#5d3c04
rgb(93,60,4)
-
#704805
#704805
rgb(112,72,5)
-
#835505
#835505
rgb(131,85,5)
-
#956106
#956106
rgb(149,97,6)
-
#a86d07
#a86d07
rgb(168,109,7)
-
#bb7908
#bb7908
rgb(187,121,8)
-
#ce8608
#ce8608
rgb(206,134,8)
-
#e19209
#e19209
rgb(225,146,9)
-
#f49e0a
#f49e0a
rgb(244,158,10)
-
#f6a61b
#f6a61b
rgb(246,166,27)
-
#f6ad2e
#f6ad2e
rgb(246,173,46)
-
#f7b541
#f7b541
rgb(247,181,65)
-
#f8bc54
#f8bc54
rgb(248,188,84)
-
#f9c367
#f9c367
rgb(249,195,103)
-
#facb7a
#facb7a
rgb(250,203,122)
-
#fad28d
#fad28d
rgb(250,210,141)
-
#fbda9f
#fbda9f
rgb(251,218,159)
-
#fce1b2
#fce1b2
rgb(252,225,178)
-
#fde8c5
#fde8c5
rgb(253,232,197)
-
#fdf0d8
#fdf0d8
rgb(253,240,216)
-
#fef7eb
#fef7eb
rgb(254,247,235)
-
#fffefe
#fffefe
rgb(255,254,254)
Tones of #f8bc54
A tone is produced by adding gray to any pure hue. In this case, #ada89f is the less saturated color, while #ffbe4d is the most saturated one.
-
#ada89f
#ada89f
rgb(173,168,159)
-
#b4aa98
#b4aa98
rgb(180,170,152)
-
#baab92
#baab92
rgb(186,171,146)
-
#c1ad8b
#c1ad8b
rgb(193,173,139)
-
#c8af84
#c8af84
rgb(200,175,132)
-
#cfb17d
#cfb17d
rgb(207,177,125)
-
#d6b376
#d6b376
rgb(214,179,118)
-
#ddb56f
#ddb56f
rgb(221,181,111)
-
#e3b669
#e3b669
rgb(227,182,105)
-
#eab862
#eab862
rgb(234,184,98)
-
#f1ba5b
#f1ba5b
rgb(241,186,91)
-
#f8bc54
#f8bc54
rgb(248,188,84)
-
#ffbe4d
#ffbe4d
rgb(255,190,77)
Color Blindness Simulator
Below, you can see how #f8bc54 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.