#f5bc5d Color Information
In a RGB color space, hex #f5bc5d is composed of 96.1% red, 73.7% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.3% magenta, 62% yellow and 3.9% black. It has a hue angle of 37.5 degrees, a saturation of 88.4% and a lightness of 66.3%. #f5bc5d color hex could be obtained by blending #ffffba with #eb7900. Closest websafe color is: #ffcc66.
-
- R 96
- G 74
- B 36
-
- C 0
- M 23
- Y 62
- K 4
● #f5bc5d color description : Soft orange.
#f5bc5d Color Conversion
The hexadecimal color #f5bc5d has RGB values of R:245, G:188, B:93 and CMYK values of C:0, M:0.23, Y:0.62, K:0.04. Its decimal value is 16104541.
Hex triplet | f5bc5d | #f5bc5d |
---|---|---|
RGB Decimal | 245, 188, 93 | rgb(245,188,93) |
RGB Percent | 96.1, 73.7, 36.5 | rgb(96.1%,73.7%,36.5%) |
CMYK | 0, 23, 62, 4 | |
HSL | 37.5°, 88.4, 66.3 | hsl(37.5,88.4%,66.3%) |
HSV (or HSB) | 37.5°, 62, 96.1 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 79.712, 10.61, 54.924 |
---|---|
XYZ | 57.616, 56.172, 18.163 |
xyY | 0.437, 0.426, 56.172 |
CIE-LCH | 79.712, 55.939, 79.067 |
CIE-LUV | 79.712, 45.142, 63.427 |
Hunter-Lab | 74.948, 6.062, 38.095 |
Binary | 11110101, 10111100, 01011101 |
Color Schemes with #f5bc5d
Alternatives to #f5bc5d
Below, you can see some colors close to #f5bc5d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5bc5d Preview
This text has a font color of #f5bc5d.
<span style="color:#f5bc5d;">Text here</span>
This paragraph has a background color of #f5bc5d.
<p style="background-color:#f5bc5d;">Content here</p>
This element has a border color of #f5bc5d.
<div style="border:1px solid #f5bc5d;">Content here</div>
.text {color:#f5bc5d;}
.background {background-color:#f5bc5d;}
.border {border:1px solid #f5bc5d;}
Shades and Tints of #f5bc5d
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, #040300 is the darkest color, while #fef9f1 is the lightest one.
-
#040300
#040300
rgb(4,3,0)
-
#170f01
#170f01
rgb(23,15,1)
-
#291b03
#291b03
rgb(41,27,3)
-
#3c2704
#3c2704
rgb(60,39,4)
-
#4e3305
#4e3305
rgb(78,51,5)
-
#613f06
#613f06
rgb(97,63,6)
-
#734b07
#734b07
rgb(115,75,7)
-
#865708
#865708
rgb(134,87,8)
-
#986309
#986309
rgb(152,99,9)
-
#ab6f0b
#ab6f0b
rgb(171,111,11)
-
#bd7b0c
#bd7b0c
rgb(189,123,12)
-
#cf860d
#cf860d
rgb(207,134,13)
-
#e2920e
#e2920e
rgb(226,146,14)
-
#f09d13
#f09d13
rgb(240,157,19)
-
#f2a526
#f2a526
rgb(242,165,38)
-
#f3ad38
#f3ad38
rgb(243,173,56)
-
#f4b44b
#f4b44b
rgb(244,180,75)
-
#f5bc5d
#f5bc5d
rgb(245,188,93)
-
#f6c46f
#f6c46f
rgb(246,196,111)
-
#f7cb82
#f7cb82
rgb(247,203,130)
-
#f8d394
#f8d394
rgb(248,211,148)
-
#fadba7
#fadba7
rgb(250,219,167)
-
#fbe2b9
#fbe2b9
rgb(251,226,185)
-
#fceacc
#fceacc
rgb(252,234,204)
-
#fdf1de
#fdf1de
rgb(253,241,222)
-
#fef9f1
#fef9f1
rgb(254,249,241)
Tones of #f5bc5d
A tone is produced by adding gray to any pure hue. In this case, #acaaa6 is the less saturated color, while #fcbe56 is the most saturated one.
-
#acaaa6
#acaaa6
rgb(172,170,166)
-
#b3ab9f
#b3ab9f
rgb(179,171,159)
-
#b9ad99
#b9ad99
rgb(185,173,153)
-
#c0af92
#c0af92
rgb(192,175,146)
-
#c7b08b
#c7b08b
rgb(199,176,139)
-
#cdb285
#cdb285
rgb(205,178,133)
-
#d4b47e
#d4b47e
rgb(212,180,126)
-
#dbb577
#dbb577
rgb(219,181,119)
-
#e1b771
#e1b771
rgb(225,183,113)
-
#e8b96a
#e8b96a
rgb(232,185,106)
-
#eeba64
#eeba64
rgb(238,186,100)
-
#f5bc5d
#f5bc5d
rgb(245,188,93)
-
#fcbe56
#fcbe56
rgb(252,190,86)
Color Blindness Simulator
Below, you can see how #f5bc5d 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.